:root{
    --sell-purple:#9c52ff;
    --sell-purple-deep:#542090;
    --sell-pink:#ff61d8;
    --sell-gold:#f4d58f;
    --sell-green:#76ffc0;
    --sell-red:#ff8ca3;
    --sell-ink:#08010f;
    --sell-glass:rgba(255,255,255,.075);
    --sell-line:rgba(218,157,255,.28);
    --sell-copy:#eadff3;
    --sell-muted:#cdb9da;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
    margin:0;
    min-width:0;
    min-height:100vh;
    overflow-x:hidden;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    background:
        radial-gradient(circle at 12% 16%,rgba(162,68,255,.18),transparent 34%),
        radial-gradient(circle at 88% 10%,rgba(255,73,216,.10),transparent 30%),
        linear-gradient(rgba(8,0,26,.80),rgba(4,0,12,.94)),
        url("../backgrounds/background.png") center/cover fixed;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:58px 58px;
    mask-image:linear-gradient(to bottom,#000,transparent 88%);
}

a{color:inherit}

/* Shared header base styles for this page. */
.tcg-dispatch-announcement{
    width:100%;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:8px 16px;
    background:linear-gradient(90deg,rgba(50,12,91,.96),rgba(101,34,157,.94),rgba(50,12,91,.96));
    border-bottom:1px solid rgba(224,171,255,.28);
    color:#f6eaff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.6px;
    text-align:center;
}

.tcg-dispatch-announcement-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}

.nav{
    position:relative;
    z-index:30;
    width:min(1500px,calc(100% - 34px));
    margin:16px auto 0;
    padding:14px 18px;
    display:flex;
    align-items:center;
    gap:22px;
    border:1px solid rgba(215,146,255,.28);
    border-radius:20px;
    background:rgba(14,3,25,.78);
    box-shadow:0 18px 55px rgba(0,0,0,.34),0 0 38px rgba(150,52,255,.12);
    backdrop-filter:blur(24px);
}

.nav .logo{display:flex;align-items:center;gap:11px;color:#fff;font-weight:900;letter-spacing:2px;white-space:nowrap}
.nav .logo img{width:38px;height:38px;object-fit:contain}
.nav .links{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin-left:auto}
.nav .links>a,.nav .account-button{color:#f5eaff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.5px}
.nav .links>a:hover{color:#fff;text-shadow:0 0 13px #ca79ff}
.nav .account-menu{position:relative}
.nav .account-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;cursor:pointer}
.nav .account-dropdown{display:none;position:absolute;right:0;top:calc(100% + 12px);width:210px;padding:9px;border:1px solid rgba(220,161,255,.35);border-radius:15px;background:rgba(16,4,29,.98);box-shadow:0 18px 42px rgba(0,0,0,.46)}
.nav .account-dropdown.open{display:grid}
.nav .account-dropdown a{padding:11px 12px;border-radius:10px;color:#f4e9fb;text-decoration:none;font-size:13px}
.nav .account-dropdown a:hover{background:rgba(190,91,255,.15)}
.green-dot{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;background:#62ffab;box-shadow:0 0 10px #62ffab}

.sell-page{position:relative;z-index:2;width:min(1420px,94vw);margin:42px auto 76px}

.sell-hero{
    position:relative;
    min-height:510px;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);
    align-items:center;
    gap:44px;
    padding:clamp(34px,5vw,74px);
    border:1px solid rgba(225,173,255,.30);
    border-radius:38px;
    background:
        radial-gradient(circle at 82% 48%,rgba(181,77,255,.24),transparent 27%),
        linear-gradient(125deg,rgba(20,4,39,.94),rgba(38,10,66,.82) 54%,rgba(10,2,20,.94));
    box-shadow:0 34px 90px rgba(0,0,0,.52),0 0 70px rgba(142,52,245,.16),inset 0 1px rgba(255,255,255,.08);
}

.sell-hero::before,.sell-hero::after{content:"";position:absolute;pointer-events:none}
.sell-hero::before{inset:0;background:linear-gradient(118deg,transparent 22%,rgba(255,255,255,.055) 47%,transparent 69%);transform:translateX(-35%);animation:sellSheen 9s ease-in-out infinite}
.sell-hero::after{width:560px;height:560px;right:-160px;top:-230px;border-radius:50%;border:1px solid rgba(232,190,255,.10);box-shadow:0 0 100px rgba(175,67,255,.18),inset 0 0 90px rgba(255,92,216,.08)}

@keyframes sellSheen{0%,58%{transform:translateX(-55%)}82%,100%{transform:translateX(80%)}}

.sell-hero-copy{position:relative;z-index:2}
.sell-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;color:#e7c8ff;font-size:12px;font-weight:900;letter-spacing:2.4px;text-transform:uppercase}
.sell-eyebrow::before{content:"";width:26px;height:1px;background:var(--sell-gold);box-shadow:0 0 10px rgba(244,213,143,.55)}
.sell-hero h1{max-width:820px;margin:0;font-family:'Orbitron',Arial,sans-serif;font-size:clamp(38px,5.2vw,78px);line-height:.98;letter-spacing:-2px;text-transform:uppercase;text-shadow:0 0 30px rgba(185,94,255,.42)}
.sell-hero h1 span{display:block;margin-top:10px;color:#d9aaff;background:linear-gradient(90deg,#fff,#dca8ff 45%,#ff90df);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sell-hero-copy>p{max-width:720px;margin:24px 0 0;color:var(--sell-copy);font-size:clamp(16px,1.45vw,20px);line-height:1.75}

.sell-status{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:11px 16px;border-radius:999px;border:1px solid rgba(255,140,163,.42);background:rgba(255,100,135,.09);color:#ffe1e8;font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.sell-status::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sell-red);box-shadow:0 0 13px var(--sell-red)}
.sell-status.open{border-color:rgba(118,255,192,.42);background:rgba(70,255,166,.08);color:#dcffed}
.sell-status.open::before{background:var(--sell-green);box-shadow:0 0 13px var(--sell-green)}

/* TCG GLOBE PERMANENT BRAND EMBLEM HERO V1 */
.sell-orb-stage{
    position:relative;
    z-index:2;
    min-height:390px;
    display:grid;
    place-items:center;
    isolation:isolate;
}

.sell-orb-stage::before{
    content:"";
    position:absolute;
    z-index:-2;
    width:min(520px,94%);
    aspect-ratio:1.45;
    border-radius:50%;
    background:
        radial-gradient(
            ellipse,
            rgba(186,88,255,.24),
            rgba(91,30,158,.11) 45%,
            transparent 72%
        );
    filter:blur(24px);
}

.sell-orb-stage::after{
    content:"";
    position:absolute;
    z-index:-1;
    width:min(420px,78%);
    height:34px;
    bottom:18px;
    border-radius:50%;
    background:rgba(111,34,186,.35);
    filter:blur(18px);
}

.sell-brand-emblem-frame{
    position:absolute;
    z-index:0;
    inset:8% 2%;
    pointer-events:none;
    border-radius:34px;
    border:1px solid rgba(229,190,255,.11);
    background:
        linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%),
        radial-gradient(circle at 50% 18%,rgba(204,117,255,.08),transparent 55%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 45px rgba(146,54,230,.08);
}

.sell-brand-emblem{
    position:relative;
    z-index:1;
    display:block;
    width:min(570px,100%);
    height:auto;
    object-fit:contain;
    filter:
        drop-shadow(0 22px 28px rgba(0,0,0,.46))
        drop-shadow(0 0 25px rgba(174,77,255,.20));
    animation:sellBrandEmblemFloat 5.8s ease-in-out infinite;
}

@keyframes sellBrandEmblemFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}

.buying-closed-panel{position:relative;margin-top:28px;padding:30px;border:1px solid rgba(225,159,255,.30);border-radius:28px;background:linear-gradient(135deg,rgba(70,20,111,.28),rgba(255,255,255,.045));box-shadow:0 22px 55px rgba(0,0,0,.30);backdrop-filter:blur(20px)}
.buying-closed-panel h2{margin:0 0 11px;font-family:'Orbitron',Arial,sans-serif;font-size:clamp(20px,2.5vw,32px);letter-spacing:1px;color:#f2ddff}
.buying-closed-panel p{margin:0;color:var(--sell-copy);font-size:16px;line-height:1.7}
.buying-reopens{display:inline-flex;margin-top:14px;padding:9px 13px;border-radius:999px;background:rgba(244,213,143,.09);border:1px solid rgba(244,213,143,.28);color:#ffe8ae;font-size:13px;font-weight:800}

.sell-policy-notice{position:relative;overflow:hidden;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:16px;margin-top:20px;padding:18px 22px;border:1px solid rgba(244,213,143,.42);border-radius:20px;background:linear-gradient(100deg,rgba(244,213,143,.11),rgba(123,47,183,.13));box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06)}
.sell-policy-notice::after{content:"";position:absolute;width:190px;height:190px;right:-110px;top:-115px;border-radius:50%;background:radial-gradient(circle,rgba(244,213,143,.13),transparent 68%)}
.sell-policy-notice-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(244,213,143,.48);border-radius:14px;background:rgba(244,213,143,.10);color:#ffe5a5;font-family:'Orbitron',Arial,sans-serif;font-weight:900;box-shadow:0 0 20px rgba(244,213,143,.10)}
.sell-policy-notice p{position:relative;z-index:1;margin:0;color:#f2e6cf;font-size:14px;line-height:1.65;text-align:center}
.sell-policy-notice strong{color:#ffe4a1}

.sell-section{margin-top:72px}
.sell-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.sell-section-heading h2{margin:0;font-family:'Orbitron',Arial,sans-serif;font-size:clamp(28px,3.4vw,48px);letter-spacing:-.5px;text-transform:uppercase}
.sell-section-heading p{max-width:640px;margin:0;color:var(--sell-muted);font-size:16px;line-height:1.65}

/* TCG GLOBE SELL ROUTE REAL CRYSTAL GRAPHICS V1.1 */
.sell-type-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.sell-type-card{
    --route-accent:176,87,255;
    position:relative;
    min-width:0;
    min-height:540px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:0;
    border:1px solid rgba(232,194,255,.52);
    border-radius:31px;
    color:#fff;
    text-decoration:none;
    background:
        radial-gradient(circle at 50% 3%,rgba(var(--route-accent),.25),transparent 35%),
        linear-gradient(155deg,rgba(64,21,100,.94),rgba(16,3,31,.97) 58%,rgba(7,1,16,.99));
    box-shadow:
        0 30px 68px rgba(0,0,0,.46),
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 0 0 1px rgba(255,255,255,.025),
        0 0 34px rgba(var(--route-accent),.15);
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.sell-type-card-bulk{--route-accent:103,158,255}
.sell-type-card-vintage{--route-accent:230,173,91}
.sell-type-card-sealed{--route-accent:93,205,255}

.sell-type-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(125deg,rgba(255,255,255,.16),transparent 18% 77%,rgba(255,255,255,.07)),
        radial-gradient(circle at 88% 10%,rgba(var(--route-accent),.21),transparent 31%);
}

.sell-type-card::after{
    content:"";
    position:absolute;
    z-index:4;
    pointer-events:none;
    width:42%;
    height:160%;
    left:-65%;
    top:-30%;
    transform:rotate(16deg);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.035),
        rgba(255,255,255,.22),
        rgba(255,255,255,.035),
        transparent
    );
    animation:sellRoutePhotoSheen 8.8s ease-in-out infinite;
}

.sell-type-card:hover{
    transform:translateY(-8px);
    border-color:rgba(249,228,255,.86);
    box-shadow:
        0 40px 82px rgba(0,0,0,.54),
        inset 0 1px 0 rgba(255,255,255,.31),
        0 0 55px rgba(var(--route-accent),.28);
}

.sell-type-card:focus-visible{
    outline:3px solid rgba(249,229,255,.98);
    outline-offset:5px;
}

.sell-type-card:active{
    transform:translateY(-3px);
}

.sell-type-glass-top{
    position:absolute;
    z-index:3;
    inset:0 0 auto;
    height:49%;
    pointer-events:none;
    border-radius:30px 30px 46% 46%;
    background:
        linear-gradient(180deg,rgba(255,255,255,.12),transparent 54%),
        radial-gradient(ellipse at 50% 0,rgba(255,255,255,.12),transparent 66%);
    border-top:1px solid rgba(255,255,255,.42);
}

.sell-type-visual{
    position:relative;
    z-index:1;
    display:block;
    height:255px;
    flex:0 0 255px;
    overflow:hidden;
    border-bottom:1px solid rgba(228,187,255,.22);
    background:#21063a;
}

.sell-type-visual::after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(180deg,transparent 63%,rgba(17,3,31,.32) 79%,rgba(17,3,31,.94) 100%),
        radial-gradient(circle at 50% 96%,rgba(var(--route-accent),.22),transparent 48%);
}

.sell-route-art{
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    transform:scale(1.025);
    filter:saturate(1.08) contrast(1.03);
    animation:sellRoutePhotoFloat 6.2s ease-in-out infinite;
}

.sell-type-content{
    position:relative;
    z-index:2;
    display:flex;
    min-width:0;
    flex:1;
    flex-direction:column;
    padding:20px 24px 16px;
    text-align:left;
}

.sell-type-kicker{
    color:rgba(230,204,246,.78);
    font-size:10px;
    font-weight:900;
    letter-spacing:1.5px;
    line-height:1.35;
    text-transform:uppercase;
}

.sell-type-title{
    display:block;
    margin-top:8px;
    font-family:'Orbitron',Arial,sans-serif;
    font-size:clamp(19px,1.45vw,23px);
    font-weight:800;
    letter-spacing:.15px;
    line-height:1.15;
    text-shadow:0 0 17px rgba(var(--route-accent),.52);
}

.sell-type-copy{
    display:block;
    margin-top:12px;
    color:var(--sell-muted);
    font-size:13.5px;
    line-height:1.62;
}

.sell-type-state{
    position:relative;
    z-index:2;
    display:grid;
    gap:10px;
    margin-top:auto;
    padding:0 20px 20px;
    border:0;
    text-transform:none;
}

.sell-type-status{
    justify-self:start;
    display:inline-flex;
    min-height:31px;
    align-items:center;
    padding:7px 11px;
    border:1px solid rgba(255,140,163,.36);
    border-radius:999px;
    background:rgba(255,100,135,.09);
    color:#ffe0e7;
    font-size:10px;
    font-weight:900;
    letter-spacing:.7px;
    line-height:1.2;
    text-transform:uppercase;
}

.sell-type-status.open{
    border-color:rgba(118,255,192,.40);
    background:rgba(70,255,166,.09);
    color:#dfffee;
}

.sell-type-action{
    display:flex;
    min-height:47px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 14px;
    border:1px solid rgba(239,207,255,.48);
    border-radius:14px;
    background:
        linear-gradient(110deg,rgba(var(--route-accent),.30),rgba(255,255,255,.08)),
        rgba(18,4,33,.78);
    color:#fff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.35px;
    box-shadow:
        0 10px 24px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.17),
        0 0 20px rgba(var(--route-accent),.12);
}

.sell-type-action span{
    font-size:18px;
    line-height:1;
    transition:transform .22s ease;
}

.sell-type-card:hover .sell-type-action span{
    transform:translateX(4px);
}

@keyframes sellRoutePhotoSheen{
    0%,58%{left:-65%}
    82%,100%{left:125%}
}

@keyframes sellRoutePhotoFloat{
    0%,100%{transform:scale(1.025) translateY(0)}
    50%{transform:scale(1.055) translateY(-3px)}
}

.sell-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:sellStep}
.sell-step{counter-increment:sellStep;position:relative;padding:27px 23px;border:1px solid var(--sell-line);border-radius:24px;background:rgba(255,255,255,.05)}
.sell-step::before{content:"0" counter(sellStep);display:block;margin-bottom:34px;color:#d89cff;font-family:'Orbitron',Arial,sans-serif;font-size:13px;letter-spacing:2px}
.sell-step h3{margin:0 0 10px;font-size:18px}
.sell-step p{margin:0;color:var(--sell-muted);font-size:14px;line-height:1.65}

.sell-trust-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.sell-info-panel{padding:clamp(26px,4vw,46px);border:1px solid var(--sell-line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 22px 50px rgba(0,0,0,.28)}
.sell-info-panel h2,.sell-info-panel h3{margin-top:0;font-family:'Orbitron',Arial,sans-serif}
.sell-info-panel p{color:var(--sell-muted);line-height:1.72}
.sell-transit-panel{position:relative;overflow:hidden}
.sell-transit-panel::after{content:"";position:absolute;width:340px;height:340px;right:-190px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(244,213,143,.13),transparent 68%);pointer-events:none}
.sell-terms-preview{position:relative;z-index:1;display:grid;grid-template-columns:28px minmax(0,1fr);gap:5px 13px;align-items:center;margin-top:24px;padding:18px;border:1px solid rgba(244,213,143,.30);border-radius:18px;background:linear-gradient(115deg,rgba(244,213,143,.08),rgba(139,58,205,.10))}
.sell-terms-preview>strong{grid-column:1/-1;color:#ffe4a1;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.sell-terms-preview p{margin:0;color:#f3e8f9;font-weight:800;line-height:1.55}
.sell-faux-checkbox{width:24px;height:24px;border:2px solid rgba(244,213,143,.58);border-radius:6px;background:rgba(0,0,0,.20);box-shadow:inset 0 0 12px rgba(244,213,143,.06)}
.sell-transit-small{position:relative;z-index:1;margin:16px 0 0!important;font-size:13px}
.sell-checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.sell-check{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid rgba(218,157,255,.16);border-radius:16px;background:rgba(255,255,255,.035);color:var(--sell-copy);font-size:14px;line-height:1.5}
.sell-check::before{content:"✓";color:var(--sell-green);font-weight:900;text-shadow:0 0 10px rgba(118,255,192,.5)}

.sell-faq{display:grid;gap:12px}
.sell-faq details{border:1px solid rgba(218,157,255,.22);border-radius:18px;background:rgba(255,255,255,.045);overflow:hidden}
.sell-faq summary{cursor:pointer;list-style:none;padding:19px 21px;font-weight:800}
.sell-faq summary::-webkit-details-marker{display:none}
.sell-faq details p{margin:0;padding:0 21px 20px;color:var(--sell-muted);line-height:1.7}

.sell-account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.sell-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:1px solid rgba(226,178,255,.34);border-radius:14px;background:linear-gradient(100deg,#7c32d9,#bd64ff);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 0 24px rgba(177,72,255,.22);transition:.25s ease}
.sell-button:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(190,83,255,.42)}
.sell-button.secondary{background:rgba(255,255,255,.06);box-shadow:none}

@media(max-width:1120px){
    .sell-hero{grid-template-columns:1fr minmax(290px,.72fr)}
    .sell-type-grid,.sell-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sell-type-card{min-height:520px}
}

@media(max-width:820px){
    .sell-page{width:min(94vw,760px);margin-top:24px}
    .sell-hero{grid-template-columns:1fr;min-height:0;padding:34px 24px}
    .sell-orb-stage{min-height:330px}
    .sell-brand-emblem{width:min(540px,96%)}
    .sell-section{margin-top:52px}
    .sell-section-heading{display:block}
    .sell-section-heading p{margin-top:12px}
    .sell-trust-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
    .sell-hero{border-radius:27px;padding:30px 18px}
    .sell-hero h1{font-size:clamp(34px,11.5vw,52px);letter-spacing:-1px}
    .sell-orb-stage{min-height:270px}
    .sell-brand-emblem{width:min(430px,100%)}
    .sell-brand-emblem-frame{inset:10% 0}
    .buying-closed-panel{padding:22px 18px;border-radius:22px}
    .sell-policy-notice{grid-template-columns:1fr;padding:18px;text-align:center}
    .sell-policy-notice-icon{margin:0 auto}
    .sell-type-grid,.sell-steps,.sell-checks{grid-template-columns:1fr}
    .sell-type-card{min-height:0}
    .sell-type-visual{height:235px;flex-basis:235px}
    .sell-type-content{padding-right:20px;padding-left:20px}
    .sell-type-state{padding-right:16px;padding-left:16px}
    .sell-info-panel{padding:24px 18px}
    .sell-account-actions{display:grid}
    .sell-button{width:100%}
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .sell-hero::before,.sell-brand-emblem{animation:none!important}
    .sell-type-card,.sell-button,.sell-type-action span{transition:none}
    .sell-type-card::after,.sell-route-art{animation:none!important}
}