:root{--duel-bg:#213958;--duel-surface:#173a5b;--duel-surface-2:#204665;--duel-text:#edf5ff;--duel-muted:#b7cce3;--duel-aqua:#8cd1ff;--duel-gold:#f9ca82;--duel-violet:#a692ff}
body{margin:0;color:var(--duel-text)}
.skip-link{position:fixed;top:-80px;left:18px;z-index:1200;padding:10px 15px;border-radius:10px;background:#1e4868;color:#eafaff;text-decoration:none;transition:top .18s ease}
.skip-link:focus-visible{top:12px;outline:0;box-shadow:inset 0 -3px 0 var(--duel-aqua),0 0 0 5px #65e4e21d}
.duelist-page{overflow:hidden;background:radial-gradient(circle at 85% 2%,#2e5682aa 0,transparent 34%),radial-gradient(circle at 7% 39%,#125a70a6 0,transparent 30%),linear-gradient(180deg,#0d2741ba 0%,#123752ba 66%,transparent 100%);color:var(--duel-text)}
.duelist-page *{box-sizing:border-box}
.duelist-page a{color:var(--duel-aqua)}
.duelist-page h1,.duelist-page h2,.duelist-page h3,.duelist-dialog h2{color:var(--duel-text);letter-spacing:-.035em}
.duelist-page .eyebrow,.duelist-dialog .eyebrow{margin:0 0 13px;color:var(--duel-aqua);font-size:.75rem;font-weight:800;letter-spacing:.17em}
.duelist-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);align-items:center;gap:35px;min-height:600px;padding:90px max(5vw,24px) 50px;max-width:1650px;margin:auto}
.hero-glow{position:absolute;inset:6% 0 0 43%;z-index:-1;background:radial-gradient(circle,#286da35b 0,#6349a829 30%,transparent 67%);filter:blur(16px)}
.hero-content{position:relative;z-index:2;max-width:760px;animation:duel-rise .8s ease both}
.duelist-hero h1{margin:0;font-size:clamp(3.1rem,6vw,6.4rem);line-height:1.03;font-weight:850;text-wrap:balance}
.duelist-hero h1 em{font-style:normal;background:linear-gradient(90deg,#a3fafa,#bba7ff 65%,#ffdd9d);color:transparent;background-clip:text}
.duelist-hero .hero-content>p:not(.eyebrow){max-width:650px;font-size:1.1rem;line-height:1.75;color:var(--duel-muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:31px 0 35px}
.duelist-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border:0;border-radius:13px;font:inherit;font-weight:750;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}
.duelist-button:hover:not(:disabled){transform:translateY(-2px)}
.duelist-button:focus-visible,.duelist-page a:focus-visible,.duelist-dialog a:focus-visible,.duelist-dialog button:focus-visible,.duelist-dialog input:focus-visible{outline:0!important;box-shadow:inset 0 -3px 0 var(--duel-aqua),0 0 0 5px #65e4e21d!important;background-color:#315272!important}
.duelist-button:disabled{opacity:.48;cursor:not-allowed}
.duelist-button.primary{background:linear-gradient(110deg,#59d8d9,#8daeff);color:#071b2e;box-shadow:0 11px 32px #42bad32e}
.duelist-button.primary:hover:not(:disabled){box-shadow:0 14px 38px #42bad35a}
.duelist-button.soft{background:#284763;color:#e5f4ff}
.duelist-button.soft:hover:not(:disabled){background:#345777}
.duelist-button.complete{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#2a6176,#284975 57%,#42628c);color:#eaffff;box-shadow:inset 0 0 0 1px #91f7ee70,0 6px 24px #43cbd029,0 0 0 1px #3eb6cb30}
.duelist-button.complete::before{content:"";position:absolute;z-index:-1;inset:-80% -35%;background:linear-gradient(105deg,transparent 39%,#dfffff00 44%,#dfffff44 50%,#dfffff00 56%,transparent 61%);transform:translateX(-95%) rotate(-9deg);pointer-events:none}
.duelist-button.complete:hover:not(:disabled)::before{animation:duel-button-sweep 1.4s ease-out 1}
.duelist-button.complete:hover:not(:disabled){background:linear-gradient(115deg,#367e91,#315b85 57%,#5479a2);box-shadow:inset 0 0 0 1px #bcfff7aa,0 10px 28px #43cbd04a,0 0 19px #68e8e047}
.duelist-button.complete:disabled::before{animation:none;opacity:0}
.duelist-button.wide{width:100%}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;color:#9ec6d7;font-size:.82rem;font-weight:600}
.hero-proof i{color:var(--duel-aqua);margin-right:5px}
.hero-art{position:relative;height:560px;perspective:1000px;animation:duel-rise .9s .12s ease both}
.art-halo{position:absolute;left:12%;top:7%;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#3cc7dc52 0,#7c6fe928 42%,transparent 68%);filter:blur(14px);animation:duel-pulse 7s ease-in-out infinite}
.art-card{position:absolute;width:min(48%,270px);aspect-ratio:4/5.6;object-fit:cover;border-radius:17px;box-shadow:0 25px 65px #000a,0 0 35px #72ddeb48;transform-style:preserve-3d}
.art-card.back{left:16%;top:14%;transform:rotate(-18deg) translateY(35px);animation:duel-float-back 7s ease-in-out infinite}
.art-card.front{right:13%;top:13%;transform:rotate(12deg);animation:duel-float-front 6s ease-in-out infinite}
.art-orbit{position:absolute;border:1px solid #8de9ed57;border-radius:50%;transform:rotate(-15deg)}
.orbit-one{inset:16% 2%}.orbit-two{inset:2% 18%;transform:rotate(49deg);border-color:#b49cf141}
.art-spark{position:absolute;color:#c8f9ff;text-shadow:0 0 15px #7befff;font-size:2rem;animation:duel-twinkle 3.5s ease-in-out infinite}.spark-one{left:11%;top:20%}.spark-two{right:10%;bottom:20%;animation-delay:1.2s}
.duelist-section{max-width:1450px;margin:0 auto;padding:55px max(4vw,20px) 65px;scroll-margin-top:90px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:23px}
.section-heading h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.15;margin:0 0 9px}
.section-heading p:not(.eyebrow){margin:0;color:var(--duel-muted)}
.account-pill{display:inline-flex;align-items:center;gap:10px;background:#1c3a55;border-radius:99px;padding:11px 16px;font-size:.86rem;color:#d5eeff;white-space:nowrap}.account-pill i{color:var(--duel-aqua)}
.connection-panel{display:flex;align-items:center;gap:16px;min-height:98px;padding:18px 23px;background:linear-gradient(115deg,#1b3556,#183d57);border-radius:21px;box-shadow:0 14px 38px #0003}
.connection-panel>div{flex:1}.connection-panel strong{display:block}.connection-panel p{margin:3px 0 0;color:var(--duel-muted)}
.duelist-spinner{width:25px;height:25px;flex:none;display:inline-block;border:3px solid #8ddbd552;border-top-color:var(--duel-aqua);border-radius:50%;animation:duel-spin .8s linear infinite}
.collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:24px;align-items:start}
.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 17px}.collection-toolbar strong{font-size:1.1rem}.collection-toolbar p{margin:4px 0 0;color:var(--duel-muted);font-size:.79rem}.loading i{animation:duel-spin .8s linear infinite}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.duelist-product{position:relative;overflow:hidden;background:linear-gradient(148deg,#1d3c5a,#122940);border-radius:21px;box-shadow:0 13px 32px #0003;transition:transform .25s ease,box-shadow .25s ease}
.duelist-product:hover{transform:translateY(-4px);box-shadow:0 17px 38px #0006,0 0 24px #6de3d51a}
.duelist-product.selected{background:linear-gradient(145deg,#27566c,#1c3656)}
.product-art{height:171px;overflow:hidden;background:radial-gradient(circle at 40% 30%,#3d6580,#142f48 68%)}.product-art img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.duelist-product:hover img{transform:scale(1.035)}
.product-copy{padding:14px 15px 16px}.product-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.type-tag{font-size:.64rem;letter-spacing:.13em;font-weight:850;color:var(--duel-aqua)}
.product-copy h3{font-size:1.05rem;line-height:1.28;margin:10px 0 6px}.product-copy>p{font-size:.78rem;line-height:1.45;color:var(--duel-muted);min-height:2.9em;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-foot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.product-foot strong{font-size:1.05rem;color:var(--duel-gold)}.product-foot a{font-size:.75rem;text-decoration:none}.product-foot .pick{grid-column:1/-1;background:#315a70;color:#ebffff;width:100%}.product-foot .pick:not(:disabled):hover{background:#3b7282}
.selection-panel{position:sticky;top:82px;overflow:hidden;padding:23px;background:linear-gradient(155deg,#234267,#172f4d 67%);border-radius:23px;box-shadow:0 18px 50px #0005}.selection-title{display:flex;gap:12px;align-items:center}.selection-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:#5be0dc27;color:var(--duel-aqua)}.selection-title .eyebrow{margin:0;font-size:.62rem}.selection-title h3{font-size:1.28rem;margin:4px 0}.selection-panel>p{font-size:.85rem;color:var(--duel-muted)}
.selection-items{max-height:260px;overflow:auto;margin:18px 0;display:grid;gap:8px}.selection-items:empty{display:none}.selection-row{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;background:#ffffff0e;border-radius:10px;padding:8px 10px;font-size:.8rem}.selection-row strong{color:#fbe1b2}.selection-row button{border:0;background:transparent;color:#c6dded;cursor:pointer;padding:4px}.selection-row button:focus-visible{outline:0;background:#3a6980;border-radius:5px}
.selection-totals{display:grid;gap:10px;padding:18px 0;border-top:1px solid #aad6e626;border-bottom:1px solid #aad6e626}.selection-totals>div{display:flex;justify-content:space-between;gap:8px;font-size:.86rem;color:#c9dcea}.selection-totals .savings{color:var(--duel-aqua)}.selection-totals .grand-total{font-size:1rem;font-weight:750;color:#f2fcff}.grand-total strong{font-size:1.36rem;color:#ffe2a8}.selection-panel>.duelist-button{margin-top:13px}.selection-panel small{display:block;margin-top:15px;color:var(--duel-muted);font-size:.74rem}
.guide-section{padding-top:64px;padding-bottom:90px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-grid article{position:relative;overflow:hidden;background:linear-gradient(145deg,#1d3a59,#142e49);border-radius:20px;padding:24px;box-shadow:0 12px 30px #0002}.guide-grid article>span{color:#8cd9e3;font-size:.73rem;font-weight:800;letter-spacing:.15em}.guide-grid article>i{float:right;color:var(--duel-aqua);font-size:1.55rem}.guide-grid h3{font-size:1.23rem;margin:35px 0 8px}.guide-grid p{line-height:1.6;color:var(--duel-muted);font-size:.9rem;margin:0}.guide-note{margin:20px 0 0;padding:15px 18px;background:#25496780;border-radius:13px;color:#cce2ed;line-height:1.6}.guide-note i{color:var(--duel-aqua);margin-right:8px}
.terms-document{min-height:75vh}.terms-document article{max-width:900px;padding-top:132px}.terms-document h1{font-size:clamp(2.3rem,5vw,4rem);margin:0 0 20px}.terms-document h2{font-size:1.5rem;margin:33px 0 9px}.terms-document p{color:#cbdfea;line-height:1.75}.terms-document p:last-child{margin-top:30px}
@media(max-width:570px){.terms-document article{padding-top:112px}}
.duelist-dialog{overflow:hidden}
.duelist-dialog{width:min(680px,calc(100vw - 25px));max-height:min(90vh,950px);padding:0;border:0;border-radius:22px;background:#162d49;color:var(--duel-text);box-shadow:0 35px 100px #000a}.duelist-dialog::backdrop{background:#04101bd9;backdrop-filter:blur(9px)}.dialog-shell{position:relative;padding:29px 32px 32px;overflow:auto;max-height:90vh}.dialog-shell h2{font-size:2rem;margin:0 35px 8px 0}.dialog-shell>p:not(.eyebrow){color:var(--duel-muted);line-height:1.55}.dialog-close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:10px;background:#31516e;color:var(--duel-text);cursor:pointer}.dialog-close:hover{background:#3e617c}.checkout-lines{display:grid;gap:9px;margin:18px 0;padding:14px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.checkout-lines>div{display:flex;justify-content:space-between;gap:16px;font-size:.87rem}.checkout-lines strong{white-space:nowrap;color:#f5deb2}.checkout-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;color:var(--duel-aqua)}.checkout-total strong{font-size:1.55rem;color:#ffe0a1}.field-label{display:block;color:#d9ecf6;font-size:.81rem;font-weight:750;margin-bottom:8px}.duelist-dialog input[type=email]{width:100%;min-height:44px;border:0;border-bottom:2px solid #659bb2;border-radius:10px 10px 2px 2px;background:#23425e;color:#f5fdff;padding:10px 13px;font:inherit}.duelist-dialog input[type=email]::placeholder{color:#a5bfcd}.check-line{display:flex;gap:10px;align-items:flex-start;margin-top:15px;font-size:.81rem;line-height:1.5;color:#d1e5ed}.check-line input{appearance:none;flex:none;width:18px;height:18px;border-radius:6px;background:#31556c;margin:1px 0 0;cursor:pointer}.check-line input:checked{background:#65dcd7}.check-line input:checked::after{content:'✓';display:block;text-align:center;color:#112837;line-height:18px;font-weight:900}.check-line input:focus-visible{outline:0;box-shadow:0 0 0 4px #65e4e230}.check-line a{color:var(--duel-aqua)}.paypal-buttons{min-height:50px;margin-top:16px}.form-message{min-height:1.2em;color:#ffbcb5;font-size:.84rem}.success-mark{width:59px;height:59px;display:grid;place-items:center;border-radius:50%;background:#5dd9bb;color:#123849;font-size:1.5rem;margin-bottom:18px;box-shadow:0 0 26px #72efc777}.success-dialog ol{line-height:1.75;color:#d9ebf4;padding-left:22px}.claim-links{display:grid;gap:9px;margin:18px 0}.claim-links>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;background:#22415e;border-radius:10px;font-size:.86rem}.claim-links a{white-space:nowrap}.success-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.success-dialog small{display:block;color:var(--duel-muted);word-break:break-word;margin:12px 0 20px}
.pending-banner{position:fixed;z-index:70;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;width:min(880px,calc(100vw - 30px));padding:11px 14px;border-radius:14px;background:#244866;color:#edfaff;box-shadow:0 16px 50px #0009;font-size:.85rem}.pending-banner span{flex:1}.pending-banner>a{color:var(--duel-aqua)}.busy-overlay{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:#06121dc9;backdrop-filter:blur(6px)}.busy-card{display:grid;justify-items:center;gap:12px;width:min(340px,90vw);padding:31px;border-radius:18px;background:#20405d;text-align:center;box-shadow:0 24px 65px #0009}.busy-card .duelist-spinner{width:42px;height:42px}.busy-card p{margin:0;color:var(--duel-muted)}.duelist-toast{position:fixed;z-index:100;right:20px;bottom:20px;max-width:min(410px,calc(100vw - 40px));padding:14px 18px;border-radius:12px;background:#315873;box-shadow:0 15px 35px #0009;color:#fff}
[hidden]{display:none!important}
@keyframes duel-spin{to{transform:rotate(360deg)}}@keyframes duel-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes duel-pulse{50%{transform:scale(1.11);opacity:.65}}@keyframes duel-twinkle{50%{opacity:.35;transform:scale(.7)}}@keyframes duel-float-back{50%{transform:rotate(-14deg) translateY(5px)}}@keyframes duel-float-front{50%{transform:rotate(9deg) translateY(25px)}}
@keyframes duel-button-sweep{0%,36%{transform:translateX(-95%) rotate(-9deg)}58%,100%{transform:translateX(95%) rotate(-9deg)}}
@media(max-width:1300px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.duelist-hero{grid-template-columns:1fr .8fr;min-height:580px}.hero-art{height:470px}.collection-layout{grid-template-columns:minmax(0,1fr) 310px}.product-grid{grid-template-columns:1fr}.duelist-product{display:grid;grid-template-columns:190px 1fr}.product-art{height:100%;min-height:205px}.product-copy>p{min-height:0}}
@media(max-width:780px){.duelist-hero{grid-template-columns:1fr;padding-top:83px;min-height:0}.hero-art{height:360px;max-width:530px;width:100%;margin:auto}.art-card{width:39%}.collection-layout{grid-template-columns:1fr}.selection-panel{position:static;order:-1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duelist-product{display:block}.product-art{height:145px;min-height:0}.guide-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.guide-grid article h3{margin-top:22px}}
@media(max-width:570px){.duelist-hero h1{font-size:clamp(2.65rem,12vw,4.2rem)}.duelist-hero .hero-content>p:not(.eyebrow){font-size:1rem}.hero-art{height:290px}.hero-proof{gap:10px}.hero-proof span{width:100%}.duelist-section{padding-top:42px;padding-bottom:44px}.product-grid{grid-template-columns:1fr}.duelist-product{display:grid;grid-template-columns:35% 1fr}.product-art{height:100%;min-height:180px}.product-copy{padding:14px}.product-copy h3{font-size:1rem}.product-copy>p{font-size:.79rem;-webkit-line-clamp:2}.product-foot{gap:7px}.product-foot strong{font-size:.97rem}.product-foot a{font-size:.72rem}.product-foot .pick{font-size:.76rem;min-height:39px;padding:7px}.connection-panel{flex-wrap:wrap}.collection-toolbar{align-items:start;flex-direction:column}.dialog-shell{padding:24px 19px}.dialog-shell h2{font-size:1.65rem}.claim-links>div{align-items:start;flex-direction:column}.pending-banner{flex-wrap:wrap}.pending-banner span{min-width:60%}}
@media(max-width:570px){.connection-panel{align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:12px}.connection-panel>div{flex:auto}.connection-panel .duelist-button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.account-pill img{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #86d9e48a}.account-pill img[hidden]{display:none}
.product-foot .product-details{min-height:35px;padding:7px 10px;font-size:.75rem;color:#d5f1f8;background:#315672;border-radius:9px;white-space:nowrap}.product-foot .product-details:hover{background:#3c6b8b}
body.duelist-connected .duelist-hero{min-height:0;grid-template-columns:minmax(0,1fr) 250px;gap:18px;padding-top:108px;padding-bottom:4px}
body.duelist-connected .duelist-hero h1{font-size:clamp(2.3rem,3.8vw,3.5rem);line-height:1.08}
body.duelist-connected .duelist-hero h1 br{display:none}
body.duelist-connected .duelist-hero h1 em::before{content:' '}
body.duelist-connected .duelist-hero .hero-content>p:not(.eyebrow),body.duelist-connected .hero-proof{display:none}
body.duelist-connected .hero-actions{margin:19px 0 8px}
body.duelist-connected .hero-art{height:206px;width:250px;justify-self:end}
body.duelist-connected .art-card{width:46%;border-radius:10px}
body.duelist-connected .hero-glow{inset:0 0 0 55%}
body.duelist-connected #collection{padding-top:18px}
body.duelist-connected .section-heading h2{font-size:clamp(1.9rem,2.6vw,2.55rem)}
.guide-details summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;cursor:pointer;padding:18px 22px;border-radius:17px;background:#1c3c5aab;transition:background .2s ease,box-shadow .2s ease}
.guide-details summary::-webkit-details-marker{display:none}
.guide-details summary:hover,.guide-details summary:focus-visible{outline:0;background:#284c6b;box-shadow:inset 0 -3px #8be5e6}
.guide-details summary .eyebrow{display:block;margin:0 0 4px;font-size:.66rem}
.guide-details summary h2{margin:0;font-size:clamp(1.25rem,2.1vw,1.8rem)}
.guide-details summary>i{color:var(--duel-aqua);transition:transform .25s ease}
.guide-details[open] summary{margin-bottom:16px}
.guide-details[open] summary>i{transform:rotate(180deg)}
body.duelist-connected .guide-section{padding-top:16px;padding-bottom:35px}
.payment-guide{margin-top:15px;padding:15px;border-radius:15px;background:linear-gradient(115deg,#254c68,#213a61);box-shadow:inset 0 0 0 1px #96ddea25,0 13px 30px #04152230;animation:duel-rise .25s ease both}
.payment-guide-head{display:flex;align-items:flex-start;gap:12px}.payment-guide-head>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#6fcbdd2b;color:#9be9ec;font-size:1.15rem}.payment-guide-head strong{display:block;font-size:.95rem}.payment-guide-head p{margin:4px 0 0;color:#c8deea;font-size:.82rem;line-height:1.5}
.payment-guide-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 0 50px}.payment-guide-actions .duelist-button{min-height:37px;padding:8px 12px;font-size:.8rem}
@media(max-width:780px){body.duelist-connected .duelist-hero{grid-template-columns:1fr;padding-top:100px}body.duelist-connected .hero-art{display:none}body.duelist-connected .duelist-hero h1{font-size:clamp(2rem,6vw,2.8rem)}body.duelist-connected .hero-actions{margin-bottom:4px}}
@media(max-width:570px){body.duelist-connected .duelist-hero{padding-top:89px;padding-bottom:0}body.duelist-connected .duelist-hero h1{font-size:2rem}body.duelist-connected .hero-actions .duelist-button{min-height:39px;padding:8px 12px;font-size:.78rem}.payment-guide-actions{margin-left:0}.payment-guide-actions .duelist-button{flex:1}}
.collection-path{margin:14px 0 4px;padding:13px 14px 12px;border-radius:13px;background:linear-gradient(120deg,#1a3958,#284669);box-shadow:inset 0 0 0 1px #96e6eb1c}.path-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.path-heading strong{font-size:.88rem;line-height:1.25;color:#e8f9ff}.path-heading span{flex:none;color:#9de7e9;font-size:.75rem;font-weight:800}.collection-path>p{margin:9px 0 0;color:#bfdae8;font-size:.77rem;line-height:1.35}.collection-track{position:relative;overflow:hidden;height:9px;margin-top:11px;border-radius:99px;background:#0b263f;box-shadow:inset 0 1px 4px #031829}.collection-track>span{position:relative;display:block;overflow:hidden;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48d0d1,#86c6ff 66%,#d5b7ff);box-shadow:0 0 14px #7ae9f8ad;transition:width .55s cubic-bezier(.2,.8,.2,1)}.collection-track>span::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#ffffffa6 52%,transparent 82%);transform:translateX(-110%);animation:path-shimmer 3s ease-in-out infinite}.collection-path:has(.collection-track[aria-valuenow="0"]) .collection-track>span::after{animation:none}
.base-dialog{width:min(480px,calc(100vw - 25px))}.base-dialog-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:14px;background:#5ddad52a;color:#9dece9;font-size:1.3rem;box-shadow:0 0 24px #56d9dc22}.base-dialog h2{font-size:1.65rem}.base-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.base-actions .duelist-button{min-height:42px}.base-actions .duelist-button.primary{box-shadow:0 0 19px #70e3eb39}
@keyframes path-shimmer{0%,37%{transform:translateX(-110%)}63%,100%{transform:translateX(110%)}}
@media(max-width:570px){.collection-path{margin-top:10px;padding:12px}.path-heading strong{font-size:.81rem}.selection-items{max-height:154px}.base-actions .duelist-button{flex:1}}
@media(prefers-reduced-motion:reduce){.collection-track>span{transition:none}.collection-track>span::after{animation:none}}
.success-dialog{width:min(720px,calc(100vw - 24px))}
.success-dialog .dialog-shell{box-sizing:border-box;display:flex;flex-direction:column;max-height:min(90vh,850px);max-height:min(90dvh,850px);padding:23px 27px 0;overflow:hidden}
.success-mark{flex:none;width:42px;height:42px;margin:0 0 10px;font-size:1.15rem;box-shadow:0 0 20px #72efc753}
.success-dialog .eyebrow{margin-bottom:6px;font-size:.68rem}
.success-dialog .dialog-shell h2{margin:0 0 5px;font-size:clamp(1.5rem,3vw,1.9rem)}
.success-dialog .dialog-shell>p:not(.eyebrow){margin:7px 0;color:#c9dce9;font-size:.88rem;line-height:1.4}
.success-dialog .dialog-shell>p.claim-guidance{margin:4px 0 13px;color:#b8d4e2}
.claim-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;color:#e4f3fb;font-size:.83rem}
.claim-heading span{color:#9bdbe8;font-size:.76rem;font-weight:750}
.success-dialog .claim-links{flex:0 1 auto;min-height:0;max-height:min(35vh,320px);display:grid;align-content:start;gap:6px;overflow-y:auto;overscroll-behavior:contain;margin:0 0 12px;padding:1px 5px 1px 0;scrollbar-color:#557d9b #193854;scrollbar-width:thin}
.success-dialog .claim-links>div{gap:9px;padding:8px 11px;background:#23445f;border-radius:9px;font-size:.81rem;line-height:1.3}
.success-dialog .claim-links strong{min-width:0;font-size:.81rem}
.success-dialog .claim-links a{flex:none;color:#a5dcf6;font-size:.78rem}
.success-footer{flex:none;margin:0 -27px;padding:12px 27px 17px;background:#1c3755;box-shadow:0 -8px 20px #07182735}
.success-footer p{margin:0 0 5px;color:#c3d9e6;font-size:.8rem;line-height:1.35}
.success-footer .purchase-reminder{margin-bottom:10px}
.success-footer a:not(.duelist-button){color:#9bd6fb}
.success-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:0}
.success-actions .duelist-button{min-height:39px;padding:8px 13px;font-size:.79rem;white-space:nowrap}
.order-details{margin-top:9px;color:#9db8c9;font-size:.72rem}
.order-details summary{width:max-content;cursor:pointer}
.order-details small{margin:5px 0 0;font-size:.72rem;line-height:1.4}
@media(max-width:570px){.success-dialog .dialog-shell{padding:17px 16px 0}.success-dialog .dialog-shell h2{font-size:1.48rem}.success-dialog .claim-links{max-height:30vh}.success-dialog .claim-links>div{display:flex;align-items:center;flex-direction:row;gap:8px}.success-dialog .claim-links strong{font-size:.75rem}.success-dialog .claim-links a{font-size:.72rem}.success-footer{margin:0 -16px;padding:10px 16px 13px}.success-actions{grid-template-columns:1fr 1fr}.success-actions .duelist-button:first-child{grid-column:1 / -1}.success-actions .duelist-button{white-space:normal;text-align:center}}
@media(max-height:650px){.success-mark{width:32px;height:32px;margin-bottom:5px;font-size:.95rem}.success-dialog .dialog-shell>p.claim-guidance{margin-bottom:7px}.success-dialog .claim-links{max-height:22vh}.success-footer{padding-top:8px;padding-bottom:9px}}
.collection-layout.no-offers{grid-template-columns:1fr}
.owned-details{margin:-3px 0 14px;border-radius:13px;background:#203f5a8a;color:#d9eef6}
.owned-details summary{display:flex;align-items:center;gap:9px;min-height:39px;padding:9px 14px;list-style:none;cursor:pointer;font-size:.81rem;font-weight:700}
.owned-details summary::-webkit-details-marker{display:none}
.owned-details summary>i:first-child{color:#73dbb5}
.owned-details summary>span{margin-left:auto;color:#98cfda}
.owned-details summary>i:last-child{margin-left:6px;font-size:.7rem;color:#9ec9dc;transition:transform .2s ease}
.owned-details[open] summary>i:last-child{transform:rotate(180deg)}
.owned-details summary:focus-visible{outline:0;background:#315773;box-shadow:inset 0 -2px 0 var(--duel-aqua);border-radius:13px}
.owned-names{display:flex;flex-wrap:wrap;gap:7px;padding:1px 13px 13px}
.owned-names span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;background:#1b514e;color:#d7fff0;font-size:.75rem}
.owned-names i{color:#75dfb5;font-size:.69rem}
.claim-notice{display:flex;align-items:center;gap:11px;margin:0 0 14px;padding:11px 13px;border-radius:12px;background:#244562;color:#d4e9f3;font-size:.8rem;line-height:1.4}
.claim-notice>i{color:#96d7f4}
.claim-notice span{flex:1}
.claim-notice a{display:inline-flex;align-items:center;gap:6px;flex:none;color:#9cdef2;text-decoration:none;font-weight:750}
.claim-notice a:focus-visible{outline:0;box-shadow:inset 0 -2px 0 var(--duel-aqua)}
.collection-empty{display:flex;align-items:center;gap:15px;max-width:760px;margin:12px auto 0;padding:22px;border-radius:17px;background:#1b3a57a6}
.collection-empty>i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:#67d7df20;color:#95dce9;font-size:1.1rem}
.collection-empty div{flex:1}.collection-empty strong{display:block;font-size:1rem}.collection-empty p{margin:4px 0 0;color:#b8d1df;font-size:.81rem;line-height:1.4}
.collection-empty .duelist-button{min-height:38px;padding:8px 11px;font-size:.78rem;white-space:nowrap}
.selection-panel small a{color:#a6dcf0}
.product-foot .pick i{font-size:.8rem}
.product-top{flex-wrap:wrap;gap:7px}
.product-state{display:inline-flex;align-items:center;padding:4px 7px;border-radius:7px;background:#244862;color:#c4dce9;font-size:.66rem;font-weight:700;line-height:1.3}
.duelist-product:not([data-availability="available"]) .pick{background:#244b65;color:#d4eaf4;text-decoration:none}
#productGrid[aria-busy="true"] .duelist-product{position:relative;overflow:hidden}
#productGrid[aria-busy="true"] .duelist-product::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#99e4ed0d 50%,transparent 70%);transform:translateX(-100%);animation:collection-check 1.8s ease-in-out infinite;pointer-events:none}
@keyframes collection-check{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){#productGrid[aria-busy="true"] .duelist-product::after{animation:none;transform:none;background:#99e4ed05}}
@media(max-width:570px){.claim-notice{align-items:flex-start;flex-wrap:wrap}.claim-notice span{flex-basis:calc(100% - 28px)}.claim-notice a{margin-left:24px}.collection-empty{flex-wrap:wrap;padding:17px}.collection-empty div{flex-basis:calc(100% - 60px)}.collection-empty .duelist-button{width:100%}}
