:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#070810;color:#f7f4ea}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 8%,#252040 0,#0d0f1b 30%,#070810 72%);color:#f7f4ea}.mp-shell{width:min(1120px,100%);margin:0 auto;padding:24px 18px 64px}.mp-head{text-align:center;position:relative}.mp-back{position:absolute;left:0;top:2px;color:#c8c5d2;text-decoration:none;font-size:.9rem}.mp-badge{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,219,135,.35);border-radius:999px;color:#ffe29a;font-size:.68rem;font-weight:800;letter-spacing:.08em;background:rgba(20,15,5,.34)}.mp-head h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,8vw,5.3rem);line-height:.88;letter-spacing:.04em;margin:30px 0 16px;background:linear-gradient(180deg,#fff9dc,#ffd46f 50%,#b87519);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 14px 34px rgba(0,0,0,.34)}.mp-sub{margin:0 auto 24px;color:#c7c5d1;font-size:clamp(.9rem,2.2vw,1.08rem)}.mp-stage{min-height:620px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:32px 18px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 70px rgba(0,0,0,.28)}.mp-pack{width:min(330px,76vw);aspect-ratio:3/4.35;border-radius:24px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(113,86,196,.34),transparent 38%),linear-gradient(145deg,#101327,#20152f 46%,#090b15);border:1px solid rgba(255,225,153,.5);box-shadow:0 0 0 1px rgba(99,67,31,.35),0 0 42px rgba(134,103,255,.18),0 30px 65px rgba(0,0,0,.48);transform-origin:center 18%;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .45s ease}.mp-pack:before,.mp-pack:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,215,128,.2);border-radius:18px;pointer-events:none}.mp-pack:after{inset:17px;border-color:rgba(139,118,205,.23)}.mp-pack-shine{position:absolute;inset:-50% -110%;background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.03) 47%,rgba(255,245,204,.38) 50%,rgba(255,255,255,.04) 54%,transparent 59%);transform:translateX(-30%) rotate(5deg);animation:mpSweep 5.6s ease-in-out infinite}.mp-pack-brand{position:absolute;top:36px;font-size:.78rem;font-weight:900;letter-spacing:.45em;color:#d4c8eb}.mp-pack-title{text-align:center;font-family:Georgia,"Times New Roman",serif;font-weight:800;font-size:2.5rem;line-height:.92;letter-spacing:.05em;color:#fff0b9}.mp-pack-seal{display:grid;place-items:center;width:74px;height:74px;margin-top:30px;border-radius:50%;border:1px solid rgba(255,218,127,.62);box-shadow:0 0 26px rgba(255,202,76,.16),inset 0 0 20px rgba(255,225,158,.08);font-size:1.9rem;color:#ffd46d}.mp-tear-line{position:absolute;left:0;right:0;top:18%;height:34px;display:flex;align-items:center}.mp-tear-line:before,.mp-tear-line:after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(255,223,153,.7),transparent);flex:1}.mp-tear-line span{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,223,153,.8);box-shadow:0 0 10px rgba(255,223,153,.4)}.mp-pack-foot{position:absolute;bottom:34px;font-size:.62rem;font-weight:800;letter-spacing:.18em;color:#948da5}.mp-pack.is-opening{animation:mpTearShake .68s ease both}.mp-pack.is-gone{transform:translateY(-80px) scale(.84) rotate(-3deg);opacity:0;filter:blur(7px)}.mp-cards{width:min(840px,100%);display:grid;grid-template-columns:repeat(var(--card-count,4),minmax(0,1fr));gap:clamp(9px,2vw,18px);align-items:center}.mp-card{aspect-ratio:2/3;border:0;padding:0;background:transparent;perspective:1100px;cursor:pointer;opacity:0;transform:translateY(44px) scale(.92);animation:mpCardRise .55s var(--delay,0s) ease forwards}.mp-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.7,.2,1)}.mp-card[aria-pressed="true"] .mp-card-inner{transform:rotateY(180deg)}.mp-card-face{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;overflow:hidden;border:1px solid rgba(255,224,149,.42);box-shadow:0 14px 34px rgba(0,0,0,.38)}.mp-card-back{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(143,103,237,.25),transparent 40%),linear-gradient(145deg,#11142a,#241631 52%,#0b0d18)}.mp-card-back:before{content:"✦";display:grid;place-items:center;width:42%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,215,123,.6);color:#ffd675;font-size:clamp(1.1rem,4vw,2rem);box-shadow:0 0 26px rgba(255,214,117,.12)}.mp-card-back:after{content:"LUMEN GUARDIAN";position:absolute;bottom:10%;font-size:clamp(.42rem,1.3vw,.7rem);font-weight:900;letter-spacing:.16em;color:#bdb2d7}.mp-card-front{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;background:radial-gradient(circle at 50% 30%,rgba(255,217,125,.24),transparent 35%),linear-gradient(145deg,#33220c,#17101d 58%,#0d101c);color:#fff4c8}.mp-card-front strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(.78rem,2vw,1.15rem)}.mp-card-front span{margin-top:8px;color:#c9c5d3;font-size:clamp(.58rem,1.4vw,.78rem);line-height:1.4}.mp-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.mp-primary,.mp-secondary{border-radius:999px;min-height:46px;padding:0 22px;font-weight:900;cursor:pointer}.mp-primary{border:1px solid #ffe7a6;background:linear-gradient(180deg,#ffe38a,#ca8c24);color:#171008;box-shadow:0 9px 24px rgba(202,140,36,.22)}.mp-secondary{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#f2eefb}.mp-status{margin:0;color:#aaa6b5;text-align:center;font-size:.78rem}.mp-info{padding:34px 0 0}.mp-info h2{text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:1.65rem}.mp-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mp-info-grid article{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;background:rgba(255,255,255,.035);text-align:center}.mp-info-grid strong{display:block;color:#ffe29a;font-size:1.15rem}.mp-info-grid span{display:block;margin-top:6px;color:#aaa6b5;font-size:.74rem}.mp-disclosure{max-width:760px;margin:18px auto 0;color:#aaa6b5;text-align:center;font-size:.78rem;line-height:1.7}@keyframes mpSweep{0%,55%{transform:translateX(-34%) rotate(5deg);opacity:0}66%{opacity:1}88%,100%{transform:translateX(34%) rotate(5deg);opacity:0}}@keyframes mpTearShake{0%{transform:translateX(0)}20%{transform:translateX(-5px) rotate(-1deg)}40%{transform:translateX(5px) rotate(1deg)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}100%{transform:translateX(0)}}@keyframes mpCardRise{to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.mp-shell{padding-inline:12px}.mp-back{position:static;display:block;width:max-content;margin-bottom:15px}.mp-stage{min-height:560px;border-radius:20px}.mp-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:430px}.mp-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.mp-pack{width:78vw}.mp-card-face{border-radius:13px}.mp-head h1{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mp-pack-shine{display:none}}