:root{
  --tp-black:#090A0B; --tp-white:#F7F7F4; --tp-graphite:#202124; --tp-blue:#315CFF; --tp-soft:#E9EEFF;
  --tp-blue-hi:#5277FF; --tp-blue-lo:#1E3FCC; --tp-blue-d:#1A2F99;
  --surface:#121315; --line:rgba(247,247,244,.08); --soft:#B9BBC2; --mute:#7C7F88;
  --live:#FF4D4D; --up:#3DDC84;
  --page-x:6vw; --section-y:80px; --hdr-h:69px;
  --z-bars:40; --z-sheet:65; --z-header:70; --z-modal:150; --z-dialog:160; --z-toast:180; --z-proto:190; --z-gate:200;
  --space-xs:8px; --space-sm:14px; --space-md:24px; --space-lg:40px; --space-xl:72px;
  --ui:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + var(--space-md))}
html{touch-action:manipulation}
body{background:var(--tp-black);color:var(--tp-white);font-family:var(--ui);overflow-x:hidden;line-height:1.45;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
img{display:block}
:focus-visible{outline:2px solid var(--tp-blue);outline-offset:4px;border-radius:10px}
.mono{font-family:var(--mono)}

.r-common{--rc:var(--r-common)} .r-uncommon{--rc:var(--r-uncommon)} .r-rare{--rc:var(--r-rare)}
.r-epic{--rc:var(--r-epic)} .r-mythic{--rc:var(--r-mythic)} .r-legendary{--rc:var(--r-legendary)}
.rt{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.08em;color:var(--rc);white-space:nowrap}
.rico{width:1.25em;height:1.25em;flex:none;display:block}

.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--ui);font-weight:700;font-size:16px;letter-spacing:.01em;border:0;cursor:pointer;border-radius:999px;
  padding:16px 26px 17px;position:relative;overflow:hidden;white-space:normal;text-align:center;justify-content:center;flex-wrap:wrap;row-gap:4px;line-height:1.2;min-width:0;max-width:100%;transition:transform .09s,box-shadow .09s,filter .2s}
.btn .pz{white-space:nowrap;flex:none;font-family:var(--mono);font-weight:600;font-size:.88em;padding:4px 10px;border-radius:999px}
.btn-blue{background:linear-gradient(180deg,var(--tp-blue-hi) 0%,var(--tp-blue) 50%,#2A50EA 100%);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.35),0 8px 22px -6px rgba(49,92,255,.55)}
.btn-blue .pz{background:rgba(255,255,255,.16)}
.btn-blue:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.35),0 12px 28px -6px rgba(49,92,255,.6)}
.btn-blue:active{transform:translateY(1px) scale(.985);filter:brightness(.97);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 2px 6px rgba(0,0,0,.2),0 3px 10px -4px rgba(49,92,255,.5)}
.btn-ghost{background:rgba(247,247,244,.05);color:var(--tp-white);box-shadow:inset 0 0 0 1.5px rgba(247,247,244,.18),0 6px 18px -8px rgba(0,0,0,.6)}
.btn-ghost:hover{background:rgba(247,247,244,.09)}
.btn-ghost:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 0 0 1.5px rgba(247,247,244,.18)}
.btn-white{background:linear-gradient(180deg,#FFFFFF,#F7F7F4 55%,#E4E6EE);color:var(--tp-black);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.3),0 10px 26px -8px rgba(168,230,255,.35)}
.btn-white .pz{background:rgba(9,10,11,.08)}
.btn-white:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.3),0 14px 32px -8px rgba(168,230,255,.45)}
.btn-white:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 6px rgba(0,0,0,.12),0 3px 10px -4px rgba(168,230,255,.35)}
.btn-lg{font-size:17px;padding:19px 30px 20px}
.btn-sm{font-size:14px;padding:11px 20px 12px}

.hdr{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;gap:clamp(14px,3vw,40px);padding:14px 32px;background:rgba(9,10,11,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.wordmark{font-family:var(--ui);font-weight:700;font-size:24px;letter-spacing:-.045em;line-height:1;display:flex;align-items:center;gap:2px}
.wordmark .logo{display:block;height:var(--logo-h,26px);width:auto;max-width:100%;object-fit:contain}
.nav{display:flex;gap:4px;flex:none}
.nav a{white-space:nowrap}
.hdr>*{flex-shrink:0}
.nav a{position:relative;padding:9px 16px;border-radius:999px;font-weight:500;font-size:14px;color:var(--soft);transition:background .2s,color .2s}
.nav a:hover{color:var(--tp-white);background:rgba(247,247,244,.06)}
.nav a.on{background:var(--tp-blue);color:#fff}
.nav .pip{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;border-radius:999px;background:var(--live);color:#fff;font-family:var(--mono);font-size:10px;font-style:normal;font-weight:600;vertical-align:1px}
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}
.wallet{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:999px;padding:5px 5px 5px 16px;box-shadow:inset 0 0 0 1px var(--line)}
.bal{font-family:var(--mono);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;min-width:78px;transition:color .3s}
.bal.bump{color:var(--tp-blue-hi)}
.wallet .btn{padding:8px 14px 9px;font-size:13px}
.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(160deg,#E9EEFF,#AFC0FF);display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--tp-black);flex:none}

.hero{position:relative;display:grid;background:radial-gradient(1100px 700px at 78% 45%,rgba(49,92,255,.10),transparent 70%),radial-gradient(700px 500px at 10% 100%,rgba(49,92,255,.05),transparent 70%);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:calc(100vh - 69px);padding:30px 3vw 60px var(--page-x);align-items:center;overflow:hidden}
.hero-l{position:relative;z-index:3}
.live{display:inline-flex;align-items:center;gap:10px;background:rgba(255,77,77,.08);color:#FFB3B3;border-radius:999px;padding:7px 16px 7px 12px;font-weight:500;font-size:14px}
.live .dot{width:8px;height:8px;border-radius:50%;background:var(--live);animation:live 1.6s ease-out infinite}
.live b{color:#fff;font-weight:700}
.live .mono{color:#fff}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(255,77,77,.6)}100%{box-shadow:0 0 0 9px rgba(255,77,77,0)}}
.hl{margin:26px 0 20px;font-weight:700;font-size:clamp(44px,5vw,86px);line-height:1.14;letter-spacing:-.055em}
.hl span{display:block}
.hl i{font-style:normal;color:var(--tp-blue)}
.intro{max-width:38ch;color:var(--soft);font-size:18px;line-height:1.5;margin-bottom:34px}
.intro b{color:var(--tp-white);font-weight:500}
.ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch}
.proof{display:flex;align-items:center;gap:14px;margin-top:40px;font-size:14px;color:var(--mute)}
.stack{display:flex}
.stack span{width:30px;height:30px;border-radius:50%;border:2px solid var(--tp-black);margin-left:-8px;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--tp-black)}
.stack span:first-child{margin-left:0}
.proof b{color:var(--tp-white);font-family:var(--mono);font-weight:600}

.stage{position:relative;z-index:2;height:min(800px,90vh);min-height:600px}
.pool{position:absolute;left:52%;top:50%;width:820px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(49,92,255,.34) 0,rgba(49,92,255,.12) 32%,rgba(49,92,255,.04) 48%,transparent 64%)}
.s-item{position:absolute;transform:rotate(var(--r,0deg))}
.s-back1{left:1%;top:17%;z-index:1;--r:-13deg}
.s-back1 .fl{animation:float 8s ease-in-out -1s infinite}
.s-back2{right:4%;top:5%;z-index:1;--r:11deg}
.s-back2 .fl{animation:float 9s ease-in-out -4s infinite}
.s-far1{left:22%;top:0;z-index:0;--r:-6deg;filter:brightness(.62) saturate(.9)}
.s-far2{left:5%;bottom:8%;z-index:0;--r:7deg;filter:brightness(.6) saturate(.9)}
.s-far1 .fl{animation:float 11s ease-in-out -6s infinite}
.s-far2 .fl{animation:float 10s ease-in-out -2s infinite}
.pool-2{left:74%;top:34%;width:420px;background:radial-gradient(circle,rgba(82,119,255,.18),transparent 62%)}
.s-pack{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) rotate(-4deg)}
.s-pack .fl{animation:float 6s ease-in-out infinite}
.s-pack .pack-tilt{filter:drop-shadow(0 3em 3em rgba(0,0,0,.6)) drop-shadow(0 0 2.4em rgba(49,92,255,.28))}
.s-shadow{position:absolute;left:50%;bottom:1%;width:360px;height:40px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.8),transparent 70%);z-index:0}
.s-front{right:0%;bottom:-3%;z-index:4;--r:8deg}
.s-front .fl{animation:float 7s ease-in-out -2s infinite}
.sticker{position:absolute;z-index:5;left:calc(50% - 290px);top:44%;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:var(--tp-white);color:var(--tp-black);transform:rotate(-12deg);box-shadow:0 10px 24px rgba(0,0,0,.5)}
.sticker b{display:block;font-size:17px;letter-spacing:-.03em;line-height:1}
.sticker small{display:block;font-family:var(--ui);font-weight:600;font-size:8.5px;letter-spacing:0;margin-top:5px;color:var(--tp-blue)}
@keyframes float{50%{transform:translateY(-16px)}}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

.tcard{--w:220px;width:var(--w);aspect-ratio:600/825;perspective:1100px;position:relative;flex:none;cursor:pointer}
.tc-inner{position:absolute;inset:0;border-radius:calc(var(--w) * .045);overflow:hidden;background:linear-gradient(160deg,#202124,#141517);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,box-shadow .35s;
  box-shadow:0 calc(var(--w) * .07) calc(var(--w) * .14) rgba(0,0,0,.6),var(--halo,0 0 0 transparent)}
.tc-inner img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;opacity:0;transition:opacity .4s}
.tc-inner img.ok{opacity:1}
.tc-inner::before{content:"TopPack";position:absolute;inset:0;display:grid;place-items:center;font-weight:700;letter-spacing:-.04em;color:rgba(247,247,244,.12);font-size:calc(var(--w) * .1)}
.tc-shine{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:var(--shine,0);transition:opacity .3s;
  background:radial-gradient(circle at var(--mx,30%) var(--my,20%),rgba(255,255,255,.9),transparent 50%)}
.tcard:hover{--shine:.45}
.tcard.r-uncommon{--halo:0 0 calc(var(--w) * .07) color-mix(in srgb,var(--rc) 28%,transparent)}
.tcard.r-rare{--halo:0 0 calc(var(--w) * .1) color-mix(in srgb,var(--rc) 35%,transparent)}
.tcard.r-epic{--halo:0 0 calc(var(--w) * .14) color-mix(in srgb,var(--rc) 45%,transparent)}
.tcard.r-mythic{--halo:0 0 calc(var(--w) * .18) color-mix(in srgb,var(--rc) 50%,transparent),0 0 calc(var(--w) * .34) color-mix(in srgb,var(--rc) 16%,transparent)}
.tcard.r-legendary{--halo:0 0 calc(var(--w) * .2) color-mix(in srgb,var(--rc) 55%,transparent),0 0 calc(var(--w) * .45) rgba(255,255,255,.14)}
.tcard.r-legendary .tc-inner::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1.5px rgba(220,245,255,.6);animation:rim 3.2s ease-in-out infinite}
@keyframes rim{50%{box-shadow:inset 0 0 0 1.5px rgba(220,245,255,.15)}}
.tcard.r-epic .tc-inner::after,.tcard.r-mythic .tc-inner::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);background-size:300% 100%;animation:sweep 7s ease-in-out infinite;animation-delay:var(--sd,0s)}
@keyframes sweep{0%{background-position:150% 0}45%,100%{background-position:-60% 0}}

.feed{position:relative;display:flex;align-items:center;gap:18px;padding:14px var(--page-x);border-block:1px solid var(--line);background:#0C0D0F}
.feed-label{flex:none;display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px}
.feed-label .dot{width:8px;height:8px;border-radius:50%;background:var(--live);animation:live 1.6s ease-out infinite}
.feed-view{flex:1;min-width:0;overflow:hidden;padding:14px 0;margin:-14px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent)}
.track{display:flex;gap:10px;width:max-content;padding:4px 0}
.track.is-running{will-change:transform}
.pull{position:relative;display:flex;align-items:center;gap:14px;padding:10px 20px 10px 10px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;font-size:14px;color:var(--soft)}
.pull .th{width:58px;aspect-ratio:600/825;border-radius:5px;overflow:hidden;flex:none;background:#202124;box-shadow:0 6px 14px rgba(0,0,0,.45)}
.pull .th img{width:100%;height:100%;object-fit:cover}
.pull .tx{display:flex;flex-direction:column;gap:4px;line-height:1.2;min-width:0}
.pull .who{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mute)}
.pull .who b{color:var(--soft);font-weight:600}
.pull .av{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:10px;color:var(--tp-black);flex:none}
.pull .cn{color:var(--tp-white);font-weight:700;font-size:17px;letter-spacing:-.02em;max-width:210px;overflow:hidden;text-overflow:ellipsis}
.pull .meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--mute);letter-spacing:.04em}
.pull .amt{font-family:var(--mono);font-weight:600;font-size:17px;color:var(--tp-white)}
.pull.r-mythic .amt,.pull.r-legendary .amt{color:var(--rc)}

.sec{position:relative;padding:var(--section-y) var(--page-x)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}
.sec-head h2{font-weight:700;font-size:clamp(40px,5vw,76px);line-height:.95;letter-spacing:-.055em}
.sec-head h2 i{font-style:normal;color:var(--tp-blue)}
.sec-head p{max-width:34ch;color:var(--soft);font-size:17px}

.base{width:88%;height:20px;margin-top:-4px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,rgba(247,247,244,.16),rgba(247,247,244,.04) 55%,transparent 72%);transition:transform .4s}

.hunt{background:linear-gradient(180deg,transparent,#0D0E10 20%,#0D0E10 80%,transparent)}
.vitrine{position:relative;margin-top:44px;padding:90px 3vw 80px;border-radius:32px;background:radial-gradient(ellipse at 60% 0,rgba(247,247,244,.06),transparent 60%),#101113;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.cap{margin-top:22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;transform:rotate(calc(var(--r) * -1))}
.cap b{font-weight:700;font-size:15px;letter-spacing:-.02em}
.cap .mono{font-weight:600;font-size:17px}

.modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}
.modal.open{visibility:visible;opacity:1}
.m-bd{position:absolute;inset:0;background:rgba(6,7,8,.95);backdrop-filter:blur(10px);transition:background .7s}
.modal.dim .m-bd{background:rgba(3,3,4,.97)}
.modal.silence .m-bd{background:rgba(0,0,0,.995)}
.m-stage{position:relative;width:min(620px,94vw);height:min(800px,94vh);display:grid;place-items:center}
.m-stage{height:min(800px,94svh)}
html:has(> body[data-page="openings-show"]),body[data-page="openings-show"]{height:100%;overflow:hidden;overscroll-behavior:none}
body[data-page="openings-show"] #app{min-height:0}
body[data-page="openings-show"] #global-footer{display:none}
.m-stage.quake{animation:quake .45s linear}
.m-stage.quake-s{animation:quake .3s linear}
@keyframes quake{10%,50%,90%{transform:translate(-3px,1px)}30%,70%{transform:translate(3px,-1px)}}
.m-glow{position:absolute;left:50%;top:var(--card-cy,39%);width:620px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--gc,rgba(49,92,255,.1)),transparent 62%);pointer-events:none;transition:background .6s,opacity .6s,transform .9s}
.modal.silence .m-glow{opacity:0}
.modal.boom .m-glow{transform:translate(-50%,-50%) scale(1.25)}
.m-rays{position:absolute;left:50%;top:var(--card-cy,39%);width:1100px;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:0;
  background:repeating-conic-gradient(from 0deg,var(--gc,rgba(255,255,255,.2)) 0 4deg,transparent 4deg 14deg);
  -webkit-mask:radial-gradient(circle,#000 5%,transparent 48%);mask:radial-gradient(circle,#000 5%,transparent 48%);animation:spin 26s linear infinite;transition:opacity .8s}
.modal[data-state="revealed"] .m-rays{opacity:var(--ro,0)}
.m-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.2em;color:var(--soft);opacity:0;transition:opacity .4s}
.m-hint.on{opacity:1;animation:hint 1.8s ease-in-out infinite}
@keyframes hint{50%{opacity:.45}}
.m-packwrap{position:absolute;left:0;right:0;top:var(--pack-cy,45%);height:0;display:flex;justify-content:center;align-items:center;cursor:pointer}
.m-packwrap>.tp-pack{flex:none}
.opening-diag{position:fixed;left:4px;top:4px;z-index:var(--z-proto);margin:0;padding:6px 8px;max-width:calc(100vw - 8px);font:10px/1.35 var(--mono);color:#9EF5A8;background:rgba(0,0,0,.82);border-radius:6px;white-space:pre-wrap;pointer-events:none}
.modal[data-state="sealed"] .m-packwrap{animation:breathe 3.2s ease-in-out infinite}
@keyframes breathe{50%{transform:translateY(calc(var(--pack-w,300px) * -.0225)) scale(1.015)}}
.modal[data-state="tearing"] .m-packwrap{animation:bigShake .09s linear infinite}
@keyframes bigShake{0%{transform:translateX(calc(var(--pack-w,300px) * -.01)) rotate(-1.5deg)}50%{transform:translate(calc(var(--pack-w,300px) * .01),calc(var(--pack-w,300px) * -.009)) rotate(1.5deg)}100%{transform:translateX(calc(var(--pack-w,300px) * -.005)) rotate(-1deg)}}
@keyframes fly{to{transform:translate(170px,-260px) rotate(55deg);opacity:0}}
.m-packwrap.gone{animation:packOut .45s ease-in forwards!important;pointer-events:none}
@keyframes packOut{to{transform:translateY(calc(var(--pack-w,300px) * 1.35)) scale(.75);opacity:0}}
.m-flash{position:absolute;inset:-50vh -50vw;background:var(--fc,#fff);opacity:0;pointer-events:none;z-index:8}
.m-flash.go{animation:flash var(--fd,.45s) ease-out}
@keyframes flash{0%{opacity:0}12%{opacity:var(--fo,.85)}100%{opacity:0}}
.m-flip{position:absolute;left:50%;top:var(--card-cy,39%);transform:translate(-50%,-50%) scale(.2);opacity:0;perspective:1400px;transition:transform .55s cubic-bezier(.2,.9,.3,1.25),opacity .3s;z-index:6;cursor:pointer;pointer-events:none}
.modal[data-state="card"] .m-flip,.modal[data-state="revealed"] .m-flip{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.modal.boom[data-state="revealed"] .m-flip{animation:pop 1s cubic-bezier(.2,1.2,.4,1)}
@keyframes pop{0%{transform:translate(-50%,-50%) scale(1.12)}100%{transform:translate(-50%,-50%) scale(1)}}
.modal.silence .m-flip{animation:tremble .08s linear infinite}
.modal.hold .m-flip{animation:hold 1s ease-in-out infinite alternate}
@keyframes tremble{0%{margin-left:-1.5px}50%{margin-left:1.5px}100%{margin-left:0}}
@keyframes hold{to{filter:drop-shadow(0 0 26px var(--hc,rgba(255,255,255,.3)))}}
.m-flip-in{position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.3,.4,1)}
.modal[data-state="revealed"] .m-flip-in{transform:rotateY(180deg)}
.modal.fast .m-flip-in{transition-duration:.42s;transition-timing-function:cubic-bezier(.3,1.1,.4,1)}
.modal.slow .m-flip-in{transition-duration:1.5s;transition-timing-function:cubic-bezier(.25,1,.3,1)}
.m-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.m-front{position:absolute;inset:0;transform:rotateY(180deg)}
.cback{width:var(--card-w,min(290px,62vw,40vh));aspect-ratio:600/825;border-radius:calc(var(--card-w,290px) * .045);overflow:hidden;background:#1d3b8f;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.cback-img{display:block;width:100%;height:100%;object-fit:cover}
.m-result{position:absolute;left:0;right:0;bottom:0;text-align:center;z-index:9;opacity:0;transform:translateY(24px);transition:.4s .45s;pointer-events:none}
.modal[data-state="revealed"] .m-result{opacity:1;transform:none;pointer-events:auto}
.modal.slow .m-result{transition-delay:1.3s}
.m-rar{display:inline-flex;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--rc) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 40%,transparent)}
.m-name{font-weight:700;font-size:22px;letter-spacing:-.03em;margin-top:10px}
.m-amt{font-family:var(--mono);font-weight:500;font-size:clamp(34px,5.5vw,50px);line-height:1;letter-spacing:-.04em;margin:4px 0 12px;font-variant-numeric:tabular-nums}
.modal.r-mythic .m-amt,.modal.r-legendary .m-amt{color:var(--rc)}
.modal.r-legendary .m-amt{text-shadow:0 0 30px color-mix(in srgb,var(--rc) 45%,transparent)}
.m-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.m-owned{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 16px;font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.14em;color:var(--soft);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.m-owned span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--up);color:var(--tp-black);font-size:11px;letter-spacing:0}
.modal[data-state="revealed"] .m-owned{opacity:1;transform:none;transition-delay:1.1s}
.modal.slow[data-state="revealed"] .m-owned{transition-delay:2.6s}
.pt{position:absolute;left:50%;top:var(--card-cy,39%);width:var(--s);height:var(--s);border-radius:50%;background:var(--cc);z-index:5;pointer-events:none;box-shadow:0 0 10px var(--cc);animation:pt var(--pd,1.4s) cubic-bezier(.15,.8,.3,1) forwards}
@keyframes pt{0%{transform:translate(0,0) scale(.3)}25%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:0}}

.toast{position:fixed;left:50%;top:84px;transform:translate(-50%,-170px);width:max-content;max-width:calc(100vw - 24px);z-index:var(--z-toast);background:var(--tp-white);color:var(--tp-black);font-weight:700;padding:14px 22px;border-radius:999px;box-shadow:0 14px 30px rgba(0,0,0,.5);transition:transform .35s cubic-bezier(.2,1.4,.4,1)}
.toast.show{transform:translate(-50%,0)}

#app{min-height:70vh;overflow-x:clip}
.page{padding:var(--space-lg) var(--page-x) var(--section-y);max-width:1500px;margin:0 auto}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:40px}
.page-head h1{font-weight:700;font-size:clamp(40px,5vw,76px);line-height:.95;letter-spacing:-.055em}
.page-head h1 i{font-style:normal;color:var(--tp-blue)}
.page-head p{max-width:46ch;color:var(--soft);font-size:17px}
.crumb{font-family:var(--ui);font-size:12px;letter-spacing:.08em;color:var(--mute);margin-bottom:22px}
.crumb a:hover{color:var(--tp-white)}
.kicker{font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--mute);margin-bottom:14px}
.sec-sm{padding:calc(var(--section-y) * .8) var(--page-x)}
.link{color:var(--tp-blue-hi);font-weight:500;border-bottom:1px solid rgba(82,119,255,.35)}
.link:hover{border-color:var(--tp-blue-hi)}
.view-enter{animation:viewIn .35s ease-out}
@keyframes viewIn{from{opacity:0;transform:translateY(8px)}}

.hdr .nav a.on{background:var(--tp-blue);color:#fff}
.hdr-link{font-size:14px;font-weight:500;color:var(--soft);padding:9px 12px}
.hdr-link:hover{color:var(--tp-white)}
.wallet-pill{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:999px;padding:5px 5px 5px 16px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.wallet-pill .plus{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tp-blue);color:#fff;font-weight:700;font-size:17px;border:0;cursor:pointer;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.3),0 2px 0 var(--tp-blue-d)}
.wallet-pill .plus:active{transform:translateY(2px);box-shadow:none}
.av-btn{position:relative;border:0;background:none;cursor:pointer;padding:0;border-radius:50%;-webkit-tap-highlight-color:transparent}
.dd{position:absolute;top:calc(100% + 12px);right:0;width:240px;background:#121315;border-radius:18px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.6),inset 0 0 0 1px var(--line);opacity:0;transform:translateY(-6px);pointer-events:none;transition:.2s;z-index:70;text-align:left}
.dd.open{opacity:1;transform:none;pointer-events:auto}
.dd-head{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.dd-head b{display:block;font-size:15px}
.dd-head span{font-family:var(--mono);font-size:12px;color:var(--mute)}
.dd a,.dd button{display:flex;justify-content:space-between;width:100%;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--soft);background:none;border:0;cursor:pointer;text-align:left}
.dd a:hover,.dd button:hover{background:rgba(247,247,244,.06);color:var(--tp-white)}
.dd .mono{font-size:12px;color:var(--mute)}
.dd .out{color:#FF8080;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:6px}
.burger{display:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--surface);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);place-items:center}
.burger span{display:block;width:16px;height:2px;background:var(--tp-white);border-radius:2px;box-shadow:0 5px 0 var(--tp-white),0 -5px 0 var(--tp-white)}
.msheet{position:fixed;inset:69px 0 0 0;z-index:var(--z-sheet);background:var(--tp-black);padding:24px 6vw 40px;display:flex;flex-direction:column;gap:4px;transform:translateY(-10px);opacity:0;pointer-events:none;visibility:hidden;transition:transform .25s,opacity .25s,visibility 0s .25s;overflow:auto}
.msheet.open{transform:none;opacity:1;pointer-events:auto;visibility:visible;transition:transform .25s,opacity .25s,visibility 0s}
.msheet a.big{font-size:30px;font-weight:700;letter-spacing:-.04em;padding:10px 0;border-bottom:1px solid var(--line)}
.msheet a.big.on{color:var(--tp-blue-hi)}
.msheet .ms-actions{display:flex;flex-direction:column;gap:10px;margin-top:var(--space-md)}
.msheet .ms-actions .btn{width:100%}
.msheet .ms-bal{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px;padding:16px 18px;border-radius:16px;background:var(--surface)}
.msheet .ms-bal b{font-family:var(--mono);font-size:22px}

.foot{display:block;padding:var(--space-xl) var(--page-x) var(--space-lg)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:var(--space-lg)}
.foot-brand p{color:var(--mute);font-size:14px;max-width:32ch;margin-top:14px}
.foot h4{font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--mute);margin-bottom:14px}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.foot li a{font-size:14px;color:var(--soft)}
.foot li a:hover{color:var(--tp-white)}
.foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.foot-bottom .mono{font-size:12px}

.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:500;color:var(--soft);border:0;cursor:pointer;transition:.2s;white-space:nowrap}
.chip:hover{color:var(--tp-white);background:#18191c}
.chip.on{background:var(--tp-blue);color:#fff;box-shadow:none}
.chip .mono{font-size:11px;opacity:.7}
.chip[disabled]{opacity:.35;cursor:not-allowed}
.chip .rt{font-size:11px}
.chip.on .rt{color:#fff}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--mute)}
.input,.select{width:100%;font:inherit;font-size:16px;color:var(--tp-white);background:#111214;border:0;border-radius:14px;padding:14px 16px;box-shadow:inset 0 0 0 1px rgba(247,247,244,.1);transition:box-shadow .2s;appearance:none;-webkit-appearance:none}
.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath d='M0 0h10L5 5z' fill='%23B9BBC2'/%3E%3C/svg%3E");background-position:calc(100% - 15px) 50%;background-size:10px 5px;background-repeat:no-repeat;padding-right:38px;cursor:pointer}
.input:focus,.select:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--tp-blue),0 0 0 4px rgba(49,92,255,.15)}
.input::placeholder{color:#5D6068}
.field .err-msg{display:none;font-size:12.5px;color:#FF7A7A}
.field.err .input,.field.err .select{box-shadow:inset 0 0 0 1.5px #FF5C5C}
.input:disabled,.select:disabled{opacity:.5;cursor:not-allowed}
.field.err .err-msg{display:block}
.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--soft);cursor:pointer}
.check input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:6px;background:#111214;box-shadow:inset 0 0 0 1.5px rgba(247,247,244,.2);flex:none;display:grid;place-items:center;cursor:pointer;margin-top:1px}
.check input:checked{background:var(--tp-blue);box-shadow:none}
.check input:checked::after{content:"\2713";color:#fff;font-size:13px;font-weight:700}
.check.err input{box-shadow:inset 0 0 0 1.5px #FF5C5C}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid .full{grid-column:1/-1}

.btn[disabled],.btn.disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4);transform:none!important;pointer-events:none}
.btn.loading{color:transparent!important;pointer-events:none}
.btn.loading .pz{opacity:0}
.btn.loading::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spinb .7s linear infinite}
.btn-white.loading::after{border-color:rgba(9,10,11,.2);border-top-color:var(--tp-black)}
@keyframes spinb{to{transform:rotate(360deg)}}
.btn-block{width:100%;justify-content:center}

.how{position:relative}
.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3vw;margin-top:60px;position:relative}
.how-grid::before{content:"";position:absolute;left:0;right:0;top:250px;border-top:1px dashed rgba(247,247,244,.14)}
.step{position:relative}
.step-vis{height:230px;display:grid;place-items:center;position:relative;margin-bottom:6px}
.step-num{position:relative;display:inline-grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:13px;width:40px;height:40px;border-radius:50%;background:var(--tp-black);box-shadow:inset 0 0 0 1px rgba(247,247,244,.2);margin-bottom:18px}
.step .step-num{background:var(--tp-blue);box-shadow:none}
.step h3{font-weight:700;font-size:22px;letter-spacing:-.04em;line-height:1.05;margin-bottom:10px}
.step p{color:var(--mute);font-size:15px;max-width:30ch}
.sv-stack{position:relative;width:170px;height:200px}
.sv-stack .tcard{position:absolute;left:50%;top:50%;margin:calc(var(--w) * -.69) 0 0 calc(var(--w) * -.5)}
.sv-stack .tcard:nth-child(1){transform:rotate(-12deg) translateX(-24px)}
.sv-stack .tcard:nth-child(2){transform:rotate(-2deg)}
.sv-stack .tcard:nth-child(3){transform:rotate(10deg) translateX(26px)}
@media (max-width:560px){ .how .step{display:flex;flex-direction:column;align-items:center;text-align:center} .how .step-vis{align-self:stretch} }
@media (max-width:560px){
  .how .sec-head{flex-direction:column;align-items:flex-start;gap:14px}
  .how .how-grid{margin-top:36px;row-gap:48px}
  .how .step{--how-art:clamp(156px,46vw,192px)}
  .how .step-vis{height:auto;margin-bottom:14px}
  .how .step-num{margin-bottom:12px}
  .how .step h3{margin-bottom:8px}
  .how .step p{max-width:34ch}
  .how .sv-boosters{--s:calc(var(--how-art) / 1.72);width:calc(var(--s) * 2.5);height:var(--how-art);margin-bottom:8px}
  .how .sv-boosters .bimg:nth-child(n){--bw:var(--s)}
  .how .sv-boosters .bimg:nth-child(2){--bw:calc(var(--s) * 1.1);left:calc(var(--s) * .7)}
  .how .sv-boosters .bimg:nth-child(3){left:calc(var(--s) * 1.4)}
  .how .step-vis>.tcard{--w:calc(var(--how-art) * .727)}
  .how .sv-choice .tcard{--w:calc((var(--how-art) - 40px) * .727)}
  .how .sv-stack{width:calc(var(--how-art) * .95);height:var(--how-art)}
  .how .sv-stack .tcard{--w:calc(var(--how-art) * .6)}
}

.trust{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6vw;align-items:start}
.trust h2{font-weight:700;font-size:clamp(38px,4.4vw,66px);line-height:.95;letter-spacing:-.055em;margin-bottom:20px}
.trust h2 i{font-style:normal;color:var(--tp-blue)}
.trust>div>p{color:var(--soft);font-size:17px;max-width:38ch;margin-bottom:30px}
.tlist{list-style:none;border-top:1px solid var(--line)}
.tlist li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.tlist .mono{font-size:12px;color:var(--mute)}
.tlist b{font-weight:700;font-size:18px;letter-spacing:-.025em;display:block}
.tlist span.d{color:var(--mute);font-size:14px}
.tlist .ok{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(61,220,132,.12);color:var(--up);font-size:13px;font-weight:700}

.final{position:relative;margin:var(--space-lg) 2vw var(--section-y);border-radius:44px;overflow:hidden;padding:var(--section-y) 6vw;background:radial-gradient(ellipse 60% 80% at 78% 50%,rgba(49,92,255,.28),transparent 70%),#0D0E10;box-shadow:inset 0 0 0 1px var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:4vw}
.final h2{font-weight:700;font-size:clamp(40px,5.4vw,90px);line-height:.92;letter-spacing:-.06em;margin-bottom:30px}
.final-vis{position:relative;height:380px}
.final-vis .pack{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);z-index:2}
.final-vis .c1{position:absolute;left:4%;top:12%;transform:rotate(-12deg);z-index:1}
.final-vis .c2{position:absolute;right:4%;bottom:4%;transform:rotate(9deg);z-index:3}

.prob{background:#0E0F11;border-radius:28px;padding:34px;box-shadow:inset 0 0 0 1px var(--line)}
.prob-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px;margin-bottom:28px}
.prob-bar span{height:100%;background:var(--rc)}
.prob-rows{display:flex;flex-direction:column}
.prow{display:grid;grid-template-columns:140px 1fr 86px 90px;gap:18px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.prow:first-child{border-top:0}
.ptrack{height:8px;border-radius:999px;background:#18191c;overflow:hidden}
.ptrack i{display:block;height:100%;border-radius:999px;background:var(--rc);animation:grow 1s cubic-bezier(.2,.8,.3,1) both}
@keyframes grow{from{width:0}}
.prow .pct{font-family:var(--mono);font-weight:600;font-size:18px;text-align:right;white-space:nowrap}
.prow .cnt{font-family:var(--mono);font-size:12px;color:var(--mute);text-align:right}
.prow.off{opacity:.35}
.prow .prng{grid-column:2/-1;margin-top:-8px;font-family:var(--mono);font-size:12px;color:var(--soft);white-space:nowrap;overflow-wrap:normal}
@media (max-width: 560px){
  #bdProbs .prow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rt pct" "bar bar" "prng prng";gap:8px 12px;padding:12px 0}
  #bdProbs .prow .rt{grid-area:rt}#bdProbs .prow .ptrack{grid-area:bar}#bdProbs .prow .pct{grid-area:pct;font-size:16px}#bdProbs .prow .prng{grid-area:prng;margin-top:0}
}
.prob-total{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid rgba(247,247,244,.14);font-family:var(--mono);font-size:13px;color:var(--soft)}
.prob-total b{color:var(--tp-white)}
.prob.compact{padding:22px}
.prob.compact .prow{grid-template-columns:120px 1fr 60px;padding:9px 0}
.prob.compact .cnt{display:none}
.prob.compact .pct{font-size:15px}

.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:42px 26px}
.tile{position:relative;display:flex;flex-direction:column;gap:14px;container-type:inline-size;cursor:pointer}
.tile .tcard{--w:100cqw}
.tile-cap{display:flex;flex-direction:column;gap:5px}
.tile-cap b{font-weight:700;font-size:15px;letter-spacing:-.02em}
.tile-cap .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
.tile-cap b{overflow-wrap:break-word;min-width:0}
.tile-cap .val{font-family:var(--mono);font-weight:600;font-size:15px}
.tile-cap small{font-family:var(--ui);font-size:11px;color:var(--mute)}
.tile .status{position:absolute;top:10px;left:10px;z-index:3;font-family:var(--ui);font-size:10.5px;font-weight:600;letter-spacing:.08em;padding:5px 9px;border-radius:999px;background:rgba(9,10,11,.85);color:var(--soft);backdrop-filter:blur(4px)}
.tile.unavailable{cursor:not-allowed}
.tile.unavailable .tcard{filter:grayscale(.7) brightness(.55)}

.tile .sel-dot,.rc-item .sel-dot{position:absolute;top:10px;right:10px;z-index:3;width:28px;height:28px;border-radius:50%;background:rgba(9,10,11,.8);box-shadow:inset 0 0 0 1.5px rgba(247,247,244,.5);display:grid;place-items:center;font-size:14px;font-weight:700;color:transparent;transition:.2s}
.tile.selected .sel-dot,.rc-item.selected .sel-dot{background:var(--tp-blue);box-shadow:none;color:#fff}
.tile.selected .tc-inner,.rc-item.selected .tc-inner{box-shadow:0 0 0 3px var(--tp-blue),0 20px 40px rgba(0,0,0,.6)}

.stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.stat{padding:18px 22px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);min-width:170px}
.stat span{display:block;font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--mute);margin-bottom:6px}
.stat b{font-family:var(--mono);font-weight:500;font-size:28px;letter-spacing:-.03em}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px;align-items:center}
.toolbar .search{flex:1 1 240px;position:relative}
.toolbar .search .input{padding-left:42px}
.toolbar .search::before{content:"";position:absolute;left:16px;top:50%;width:12px;height:12px;margin-top:-8px;border-radius:50%;border:2px solid var(--mute)}
.toolbar .search::after{content:"";position:absolute;left:28px;top:50%;width:6px;height:2px;margin-top:3px;background:var(--mute);transform:rotate(45deg)}
.toolbar .select{width:auto;min-width:170px}
.count-line{font-family:var(--ui);font-size:12px;color:var(--mute);margin:-18px 0 26px}

.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 20px;border-radius:32px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line)}
.empty-vis{position:relative;width:120px;height:150px;margin-bottom:26px}
.empty-vis i{position:absolute;inset:0;border-radius:12px;border:1.5px dashed rgba(247,247,244,.2)}
.empty-vis i:nth-child(1){transform:rotate(-10deg) translateX(-14px)}
.empty-vis i:nth-child(2){transform:rotate(8deg) translateX(14px)}
.empty-vis i:nth-child(3){border-style:solid;border-color:rgba(49,92,255,.6);background:rgba(49,92,255,.06)}
body.ui-locked{overflow:hidden}
img.img-failed{display:none}
[data-feat-item]{display:contents}[data-feat-item][hidden]{display:none}
.tcard.tcard-detail{--w:min(300px,62vw)}
.modal[data-state="sealed"]{--gc:rgba(49,92,255,.1);--ro:0}
.modal[data-state="card"]{--gc:rgba(255,255,255,.04)}
.um-box:focus{outline:none}
.bimg.bimg-starter{--img:url('../images/boosters/starter.webp')}.bimg.bimg-special{--img:url('../images/boosters/special.webp')}.bimg.bimg-super{--img:url('../images/boosters/super.webp')}.bimg.bimg-ultra{--img:url('../images/boosters/ultra.webp')}
#tpProbs .prob-bar .r-common{width:35%}#tpProbs .prob-bar .r-uncommon{width:28%}#tpProbs .prob-bar .r-rare{width:20%}#tpProbs .prob-bar .r-epic{width:10%}#tpProbs .prob-bar .r-mythic{width:5%}#tpProbs .prob-bar .r-legendary{width:2%}
#tpProbs .prow.r-common .ptrack i{width:100%}#tpProbs .prow.r-uncommon .ptrack i{width:80%}#tpProbs .prow.r-rare .ptrack i{width:57.143%}#tpProbs .prow.r-epic .ptrack i{width:28.571%}#tpProbs .prow.r-mythic .ptrack i{width:14.286%}#tpProbs .prow.r-legendary .ptrack i{width:5.714%}
.empty h3,.empty h1{font-weight:700;font-size:26px;letter-spacing:-.04em;margin-bottom:8px}
.empty p{color:var(--mute);max-width:40ch;margin-bottom:26px}
.empty.error .empty-vis i:nth-child(3){border-color:rgba(255,92,92,.6);background:rgba(255,92,92,.06)}
.sk{background:linear-gradient(90deg,#131416 25%,#1B1C1F 50%,#131416 75%);background-size:200% 100%;animation:sk 1.3s linear infinite;border-radius:14px}
@keyframes sk{to{background-position:-200% 0}}
.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px}
.sk-card{aspect-ratio:600/825;border-radius:12px}

.w-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-lg) 3vw;align-items:start}
.w-hero{position:relative;overflow:hidden;container-type:inline-size;border-radius:32px;padding:40px;background:radial-gradient(ellipse at 90% 0,rgba(49,92,255,.35),transparent 60%),#0E0F11;box-shadow:inset 0 0 0 1px var(--line)}
.w-hero .lbl{font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--mute)}
.w-amt{font-family:var(--mono);font-weight:500;font-size:clamp(30px,13cqi,92px);white-space:nowrap;letter-spacing:-.05em;line-height:1;margin:14px 0 30px;font-variant-numeric:tabular-nums}
.w-hero .row{display:flex;gap:12px;flex-wrap:wrap}
.w-hero .mini{display:flex;gap:28px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.w-hero .mini span{display:block;font-family:var(--ui);font-size:11px;color:var(--mute);letter-spacing:.1em}
.w-hero .mini b{font-family:var(--mono);font-weight:500;font-size:18px}
.list-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.list-h h2{font-weight:700;font-size:24px;letter-spacing:-.04em}
.rows{border-radius:24px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.rw{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 20px;border-top:1px solid var(--line)}
.rw:first-child{border-top:0}
.rw .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--surface);font-weight:700;font-size:18px;overflow:hidden}
.rw .ico img{width:100%;height:100%;object-fit:cover;object-position:top}
.rw .ico.plus{color:var(--up);background:rgba(61,220,132,.1)}
.rw .ico.deliv{color:#C9D5FF;background:rgba(49,92,255,.14);font-size:15px}
.rw b{display:block;overflow-wrap:break-word;font-weight:700;font-size:15px;letter-spacing:-.02em}
.rw small{font-size:13px;color:var(--mute)}
.rw small .rt{font-size:10px;margin-left:6px}
.rw .amt{font-family:var(--mono);font-weight:600;font-size:16px;text-align:right;white-space:nowrap}
.rw .amt.pos{color:var(--up)}
.rw .amt.neu{color:var(--mute);font-weight:500;font-size:13px}
.day{font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--mute);padding:26px 4px 10px}
.day:first-child{padding-top:0}

.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 69px);align-items:center;gap:4vw;padding:40px 6vw 80px}
.auth-card{max-width:460px;width:100%;justify-self:end}
.auth-card h1{font-weight:700;font-size:clamp(40px,4.4vw,64px);letter-spacing:-.06em;line-height:.95;margin-bottom:12px}
.auth-card h1 i{font-style:normal;color:var(--tp-blue)}
.auth-card>p{color:var(--soft);margin-bottom:30px}
.auth-card form{display:flex;flex-direction:column;gap:16px}
.auth-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.auth-row a{color:var(--soft)}
.auth-row a:hover{color:var(--tp-white)}
.auth-alt{margin-top:22px;font-size:14px;color:var(--mute)}
.auth-alt a{color:var(--tp-white);font-weight:500;margin-left:4px}
.form-err{display:none;padding:12px 16px;border-radius:14px;background:rgba(255,92,92,.08);box-shadow:inset 0 0 0 1px rgba(255,92,92,.35);color:#FFB0B0;font-size:14px}
.form-err.show{display:block}
.form-err.show + .btn{margin-top:16px}
.auth-vis{position:relative;height:600px}
.auth-vis .pool{left:50%}
.auth-vis .tcard{position:absolute}
.auth-vis .a1{left:12%;top:20%;transform:rotate(-12deg);z-index:1}
.auth-vis .a2{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);z-index:3}
.auth-vis .a3{right:10%;top:24%;transform:rotate(11deg);z-index:2}
.auth-vis .note{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:max-content;max-width:92%;text-align:center;font-family:var(--ui);font-size:12px;color:var(--mute);white-space:nowrap}

.tp-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:5vw;align-items:start}
.tp-nav{position:sticky;top:100px;display:flex;flex-direction:column;gap:2px}
.tp-nav button{background:none;border:0;cursor:pointer;text-align:left;padding:9px 14px;border-radius:10px;font-size:14px;color:var(--mute)}
.tp-nav button:hover{color:var(--tp-white);background:rgba(247,247,244,.05)}
.tp-nav button.on{color:var(--tp-white);background:var(--surface)}
.tp-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4vw;align-items:center;padding:calc(var(--section-y) * .75) 0;border-top:1px solid var(--line);scroll-margin-top:90px}
.tp-sec:first-child{border-top:0;padding-top:10px}
.tp-sec .mono.n{font-size:12px;color:var(--tp-blue-hi);letter-spacing:.14em}
.tp-sec h2{font-weight:700;font-size:clamp(28px,3vw,42px);letter-spacing:-.05em;line-height:1;margin:10px 0 14px}
.tp-sec p{color:var(--soft);font-size:16px;max-width:46ch}
.tp-sec p+p{margin-top:10px}
.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.flow span{font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.08em;padding:12px 16px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.flow span.b{background:var(--tp-blue);box-shadow:none}
.flow em{font-style:normal;color:var(--mute)}
.val-demo{display:flex;align-items:center;gap:28px}
.val-demo .big{font-family:var(--mono);font-size:44px;font-weight:500;letter-spacing:-.04em}
.val-demo .arrow{font-family:var(--mono);color:var(--mute);font-size:22px}
.val-demo small{display:block;font-family:var(--ui);font-size:11px;color:var(--mute);letter-spacing:.12em}

.faq{max-width:900px}
.qa{border-top:1px solid var(--line)}
.qa:last-child{border-bottom:1px solid var(--line)}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;background:none;border:0;cursor:pointer;text-align:left;font-size:clamp(18px,1.8vw,22px);font-weight:700;letter-spacing:-.03em;color:var(--tp-white)}
.qa button i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--surface);position:relative;transition:transform .3s,background .3s}
.qa button i::before,.qa button i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--tp-white);border-radius:2px;transition:transform .3s}
.qa button i::after{transform:rotate(90deg)}
.qa.open button i{background:var(--tp-blue);transform:rotate(180deg)}
.qa.open button i::after{transform:rotate(0)}
.qa .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.qa.open .ans{grid-template-rows:1fr}
.qa .ans>div{overflow:hidden}
.qa .ans p{color:var(--soft);font-size:16px;max-width:64ch;padding-bottom:26px}
.faq-cta{margin-top:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 32px;border-radius:26px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line)}
.faq-cta b{font-size:20px;letter-spacing:-.03em}

.ui-modal{position:fixed;inset:0;z-index:var(--z-dialog);display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s;padding:20px}
.ui-modal.open{visibility:visible;opacity:1}
.ui-modal:not(.open),.modal:not(.open){pointer-events:none}
.um-bd{position:absolute;inset:0;background:rgba(5,6,7,.8);backdrop-filter:blur(8px)}
.um-box{position:relative;width:min(480px,100%);max-height:92vh;overflow:auto;background:#101113;border-radius:28px;padding:34px;box-shadow:0 40px 100px rgba(0,0,0,.7),inset 0 0 0 1px var(--line);transform:translateY(12px) scale(.98);transition:transform .3s cubic-bezier(.2,1.2,.4,1)}
.ui-modal.open .um-box{transform:none}
.ui-modal.wide .um-box{width:min(920px,100%);padding:40px}
.um-x{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(247,247,244,.07);cursor:pointer;font-size:15px;z-index:2}
.um-x:hover{background:rgba(247,247,244,.14)}
.um-body h2{font-weight:700;font-size:28px;letter-spacing:-.045em;line-height:1.05;margin-bottom:10px;padding-right:40px}
.um-body>p{color:var(--soft);margin-bottom:22px}
.um-body>p:last-child{margin-bottom:0}
.um-body .um-center{text-align:center}
.um-body h2.um-center{padding-left:40px}
.um-rows{display:flex;flex-direction:column;border-radius:18px;background:#0B0C0D;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:22px}
.um-rows div{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--line);font-size:14px;color:var(--soft)}
.um-rows div:first-child{border-top:0}
.um-rows .mono{color:var(--tp-white);font-weight:600;font-size:15px}
.um-rows .hl2 .mono{color:var(--up);font-size:18px}
.um-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.um-acts>.btn{flex:1 1 12rem}
.um-warn{padding:12px 16px;border-radius:14px;background:rgba(255,92,92,.08);box-shadow:inset 0 0 0 1px rgba(255,92,92,.35);color:#FFB0B0;font-size:14px;margin-bottom:18px}
.um-head{display:flex;gap:18px;align-items:center;margin-bottom:20px}
.um-head .th{width:64px;aspect-ratio:600/825;border-radius:5px;overflow:hidden;background:#202124;flex:none}
.um-head .th img{width:100%;height:100%;object-fit:cover}
.um-pack{width:84px;height:120px;display:grid;place-items:center;flex:none}
.um-body>.top-bonus{margin:-8px 0 16px;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.45;color:var(--soft);background:rgba(49,92,255,.1);box-shadow:inset 0 0 0 1px rgba(49,92,255,.35)}
.um-body>.top-bonus b{color:var(--tp-white);font-weight:600}
.amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.amounts button{font-family:var(--mono);font-weight:600;font-size:17px;padding:16px 0;border-radius:16px;border:0;cursor:pointer;background:var(--surface);color:var(--tp-white);box-shadow:inset 0 0 0 1px var(--line);transition:.15s}
.amounts button:hover{background:#1B1C1F}
.amounts button.on{background:var(--tp-blue);box-shadow:none}
.cd{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:40px;align-items:center}
.cd-vis{display:grid;place-items:center;padding:20px 0;position:relative}
.cd-vis::before{content:"";position:absolute;width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 22%,transparent),transparent 62%)}
.cd-info h2{font-size:clamp(30px,3.4vw,44px);margin:12px 0 4px}
.cd-val{font-family:var(--mono);font-weight:500;font-size:40px;letter-spacing:-.04em;margin:6px 0 22px}
.cd-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-radius:16px;overflow:hidden;margin-bottom:24px}
.cd-meta div{background:#0B0C0D;padding:14px 16px}
.cd-meta span{display:block;font-family:var(--ui);font-size:10.5px;letter-spacing:.14em;color:var(--mute);margin-bottom:4px}
.cd-meta b{font-weight:500;font-size:14px}
.cd-acts{display:flex;flex-direction:column;gap:10px}
.cd-acts .two{display:flex;gap:10px}
.cd-acts .two .btn{flex:1;justify-content:center}
.toast{display:flex;align-items:center;gap:10px}
.toast::before{content:"";display:none}
.toast.ok::before{content:"\2713";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--up);color:var(--tp-black);font-size:12px}
.toast.err{background:#FF5C5C;color:#fff}
.toast.err::before{content:"!";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#FF5C5C;font-size:13px}

[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.bimg{--bw:200px;width:var(--bw);position:relative;perspective:900px;flex:none;cursor:pointer}
.bimg-tilt{position:relative;transform:translateY(var(--lift,0)) rotate(var(--rot,0deg)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .45s cubic-bezier(.2,.9,.3,1.3);filter:drop-shadow(0 calc(var(--bw) * .08) calc(var(--bw) * .08) rgba(0,0,0,.6))}
.bc .bimg-tilt,.bd-stack .bimg-tilt{will-change:transform}
.bimg::before{content:"";position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,var(--bg,rgba(49,92,255,.4)) 0,var(--bg,rgba(49,92,255,.4)) 20%,transparent 62%);opacity:.4;transform:translate(-50%,-46%) scale(.9);
  transition:opacity .22s ease-out,transform .4s cubic-bezier(.2,.9,.3,1.2)}
.bimg:hover::before,.bimg.lift::before{opacity:1;transform:translate(-50%,-46%) scale(1.06)}
.bd-stack::before{content:"";position:absolute;left:50%;top:50%;width:min(130%,560px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,var(--bg) 0,var(--bg) 14%,transparent 64%);opacity:.55;transform:translate(-50%,-50%) scale(.95);
  transition:opacity .3s ease-out,transform .4s cubic-bezier(.2,.9,.3,1.2)}
.bd-stack:hover::before{opacity:.95;transform:translate(-50%,-50%) scale(1.04)}
.bd-copy:not(.is-front) .bimg::before{display:none}
.bc .stand::before,.bc .bimg::before,.bd-stack::before,.bd-copy.is-front .bimg::before{will-change:opacity,transform}
.bimg img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;opacity:0;transition:opacity .4s}
.bimg img.ok{opacity:1}
.bimg:has(img:not(.ok)) .bimg-sheen{display:none}
.bimg-sheen{position:absolute;inset:0;pointer-events:none;overflow:hidden;
  mix-blend-mode:overlay;-webkit-mask:var(--img) center/100% 100% no-repeat;mask:var(--img) center/100% 100% no-repeat}
.bimg-sheen::before{content:"";position:absolute;top:0;bottom:0;left:0;width:260%;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 47%,transparent 60%);
  transform:translateX(calc(var(--mx,85%) * -.6154));transition:transform .25s}
.bc .bimg-sheen::before,.bd-stack .bimg-sheen::before{will-change:transform}
.bimg:hover .bimg-tilt,.bimg.lift .bimg-tilt{--lift:calc(var(--bw) * -.06);--rot:-2deg}
.bimg.noimg img{display:none}
.bimg.noimg .bimg-tilt::before{content:attr(data-name);display:grid;place-items:center;aspect-ratio:.62;border-radius:10px;background:linear-gradient(160deg,#26282D,#141517);box-shadow:inset 0 0 0 1px var(--line);font-weight:700;letter-spacing:-.04em;font-size:calc(var(--bw) * .12);color:var(--soft)}
.bimg.out img{filter:grayscale(.9) brightness(.55)}

.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:56px 2vw}
.bgrid.home{grid-template-columns:repeat(4,minmax(0,1fr))}
.bc .bimg{--bw:clamp(170px,14vw,210px)}
.bc{position:relative;display:grid;grid-row:span 3;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0;justify-items:center;text-align:center;min-width:0}
.bc .stand{align-self:end}
.bc-info{align-self:start}
.bc-foot{align-self:start}
@supports not (grid-template-rows:subgrid){ .bc{display:flex;flex-direction:column;align-items:center} .bc-foot{margin-top:auto} }
.bc .stand{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:34px}
.bc .stand::before{content:"";position:absolute;left:50%;top:50%;width:140%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--bg) 0,var(--bg) 16%,transparent 64%);opacity:.45;transition:opacity .3s;pointer-events:none}
.bc:hover .stand::before{opacity:.9}
.bc:hover .base{transform:scaleX(.82)}
.bc .tag{position:absolute;top:0;right:6%;z-index:6;background:var(--tp-white);color:var(--tp-black);border-radius:999px;font-weight:700;font-size:11px;letter-spacing:.08em;padding:6px 12px;transform:rotate(6deg);box-shadow:0 6px 14px rgba(0,0,0,.45)}
.bc .tag.blue{background:var(--tp-blue);color:#fff}
.bc .tag.dark{background:var(--tp-black);color:var(--tp-white);box-shadow:inset 0 0 0 1px rgba(247,247,244,.35),0 6px 14px rgba(0,0,0,.45)}
.bc .tag.out{background:#2A2B2F;color:var(--soft)}
.bc-info{width:100%;max-width:280px;margin-top:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:6px}
.bc-info h3{font-weight:700;font-size:20px;letter-spacing:-.035em;line-height:1.15;overflow-wrap:break-word;max-width:100%}
.bc-range{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;min-width:0}
.bc-range .k{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--mute)}
.bc-range .v{font-size:13px;color:var(--soft);overflow-wrap:break-word}
.bc-range .v b{color:var(--tp-white);font-weight:600}
.bc-foot{display:flex;align-items:center;justify-content:center;gap:10px 14px;margin-top:14px;flex-wrap:wrap;max-width:100%}
.bc-foot .price{font-family:var(--mono);font-weight:600;font-size:20px}
.base{width:80%;height:18px;margin-top:-2px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,rgba(247,247,244,.16),rgba(247,247,244,.04) 55%,transparent 72%);transition:transform .4s}

.s-pack .bimg{--bw:clamp(270px,25vw,390px);--bg:rgba(49,92,255,.5)}
.s-pack .bimg-tilt{filter:drop-shadow(0 40px 40px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(49,92,255,.25))}
.final-vis .bimg{--bw:200px;--bg:rgba(164,92,255,.5);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);z-index:2}

.sv-boosters{position:relative;width:200px;height:210px}
.sv-boosters .bimg{--bw:80px;--bg:rgba(49,92,255,.45);position:absolute;bottom:0}
.sv-boosters .bimg:nth-child(1){left:0;transform:rotate(-10deg)}
.sv-boosters .bimg:nth-child(2){--bw:88px;left:56px;z-index:2}
.sv-boosters .bimg:nth-child(3){left:112px;transform:rotate(9deg)}
.sv-choice{display:flex;flex-direction:column;align-items:center;gap:12px}
.sv-choice .mini-btns{display:flex;gap:6px}
.sv-choice .mini-btns span{font-size:11px;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.sv-choice .mini-btns span.b{background:var(--tp-blue)}

.slider{position:relative}
.slider-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:var(--space-sm)}
.slider-nav{display:flex;gap:8px}
.slider-nav button{width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:var(--surface);color:var(--tp-white);font-size:18px;box-shadow:inset 0 0 0 1px var(--line);transition:.2s}
.slider-nav button:hover{background:#1B1C1F}
.slider-nav button:disabled{opacity:.3;cursor:default}
.slider-track{display:flex;align-items:stretch;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-x);scroll-behavior:smooth;padding:var(--space-sm) var(--page-x) var(--space-md);margin:0 calc(var(--page-x) * -1);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.slider-track::-webkit-scrollbar{display:none}
.slider-track::after{content:"";flex:0 0 1px}
.pslide{flex:none;width:210px;scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:22px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line);container-type:inline-size;cursor:pointer;transition:transform .3s,box-shadow .3s}
.pslide:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(247,247,244,.14)}
.pslide .tcard{--w:calc(100cqw)}
.pslide-meta{display:flex;flex-direction:column;gap:4px;margin-top:auto}
.pslide-meta .who{font-size:12.5px;color:var(--mute)}
.pslide-meta .who b{color:var(--tp-white);font-weight:500}
.pslide-meta b.n{font-weight:700;font-size:15px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pslide-meta .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
.pslide-meta .v{font-family:var(--mono);font-weight:600;font-size:15px}
#lastpulls .tc-inner{--halo:0 0 0 transparent}
#lastpulls .tc-inner::after{content:none;animation:none}

.buybox{border-radius:24px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line);padding:20px 22px 22px;max-width:480px}
.buybox .btn{width:100%}
.buy-note{font-size:13px;color:var(--mute);margin-top:14px}
.sold-out{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:rgba(255,77,77,.08);color:#FFB3B3;font-size:14px;margin-bottom:16px}
.pool-info{display:flex;flex-wrap:wrap;gap:8px}
.bd-sticky{display:none}

.card-grid.selecting .tile{cursor:pointer}
.tile .sel-dot,.rc-item .sel-dot{display:none}
.selecting .tile .sel-dot,.rc-grid.selecting .rc-item[data-owned] .sel-dot{display:grid}
.rc-item{position:relative}
.rc-grid.selecting .rc-item[data-owned]{cursor:pointer}
.rc-grid.selecting .rc-item:not([data-owned]){opacity:.4}
.rc-item[data-owned]:focus-visible{outline:2px solid var(--tp-blue);outline-offset:6px;border-radius:14px}
.m-recap.is-selecting{padding-bottom:calc(var(--selbar-h,90px) + 48px)}
.rc-sell{max-width:1200px;margin:calc(-1 * var(--space-md)) auto var(--space-xs);display:flex;justify-content:flex-end}
.rc-sell .link-btn{padding:6px 0}
.selbar{position:fixed;left:50%;bottom:22px;z-index:var(--z-bars);transform:translate(-50%,140%);display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:10px 10px 10px 22px;border-radius:999px;background:#16171A;box-shadow:0 20px 50px rgba(0,0,0,.6),inset 0 0 0 1px rgba(247,247,244,.12);transition:transform .35s cubic-bezier(.2,1.2,.4,1);max-width:calc(100vw - 24px)}
.selbar.show{transform:translate(-50%,0)}
.selbar .cnt{font-weight:700;font-size:15px;min-width:0}
.selbar .cnt small{display:block;font-family:var(--mono);font-size:11px;color:var(--mute);font-weight:500}

.ship-list{display:flex;flex-direction:column;gap:12px}
.ship{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:24px;align-items:center;padding:18px 24px 18px 18px;border-radius:24px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:.2s}
.ship:hover{box-shadow:inset 0 0 0 1px rgba(247,247,244,.16);transform:translateY(-2px)}
.ship-stack{position:relative;height:86px}
.ship-stack .th{position:absolute;top:0;width:60px;aspect-ratio:600/825;border-radius:4px;overflow:hidden;background:#202124;box-shadow:0 6px 14px rgba(0,0,0,.5)}
.ship-stack .th img{width:100%;height:100%;object-fit:cover}
.ship-stack .th:nth-child(1){left:0;transform:rotate(-8deg)}
.ship-stack .th:nth-child(2){left:26px;transform:rotate(-1deg);z-index:2}
.ship-stack .th:nth-child(3){left:52px;transform:rotate(7deg);z-index:3}
.ship-id{font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:.06em}
.ship-sub{font-size:14px;color:var(--mute);margin-top:4px}
.ship-sub .mono{color:var(--soft)}
.ship-track{font-family:var(--mono);font-size:12px;color:var(--soft);margin-top:6px;overflow-wrap:anywhere}
.st{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;padding:7px 12px;border-radius:999px;white-space:nowrap}
.st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st.s0{color:var(--soft);background:rgba(247,247,244,.06)}
.st.s1{color:#C9D5FF;background:rgba(49,92,255,.14)}
.st.s2{color:#9FD8FF;background:rgba(31,162,255,.12)}
.st.s3{color:var(--up);background:rgba(61,220,132,.1)}
.sd-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);gap:3vw;align-items:start}
.timeline{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;margin:10px 0 6px}
.timeline li{position:relative;padding-top:34px;font-size:14px;color:var(--mute)}
.timeline li::before{content:"";position:absolute;top:8px;left:0;right:0;height:2px;background:rgba(247,247,244,.1)}
.timeline li::after{content:"";position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:#16171A;box-shadow:inset 0 0 0 2px rgba(247,247,244,.2)}
.timeline li b{display:block;color:var(--soft);font-weight:700;font-size:14.5px;letter-spacing:-.02em;margin-bottom:2px}
.timeline li small{font-family:var(--mono);font-size:11px}
.timeline li.done::before{background:var(--tp-blue)}
.timeline li.done::after{background:var(--tp-blue);box-shadow:none}
.timeline li.done b{color:var(--tp-white)}
.timeline li.now::after{box-shadow:0 0 0 5px rgba(49,92,255,.25)}
.timeline li.now::before{background:rgba(247,247,244,.1)}
.timeline li:last-child::before{right:auto;width:0}
.timeline li.done.s3last::after{background:var(--up)}
.track-box{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding:18px 20px;border-radius:18px;background:rgba(31,162,255,.07);box-shadow:inset 0 0 0 1px rgba(31,162,255,.3)}
.track-box span{display:block;font-family:var(--ui);font-size:11px;letter-spacing:.14em;color:var(--mute);margin-bottom:4px}
.track-box b{font-family:var(--mono);font-weight:600;font-size:18px;letter-spacing:.04em;overflow-wrap:anywhere}
.track-box>div{min-width:0}
.addr{font-size:15px;line-height:1.6;color:var(--soft)}
.addr b{color:var(--tp-white)}
.demo-step{margin-top:14px;font-family:var(--ui);font-size:11px;letter-spacing:.08em;color:var(--mute);background:none;border:1px dashed rgba(247,247,244,.2);border-radius:10px;padding:9px 12px;cursor:pointer;width:100%}
.demo-step:hover{color:var(--tp-white);border-color:rgba(247,247,244,.4)}
.panel{border-radius:26px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line);padding:26px}
.panel h3{font-weight:700;font-size:20px;letter-spacing:-.035em;margin-bottom:18px}
.recap{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--soft)}
.recap>div{display:flex;justify-content:space-between;gap:12px}
.recap .mono{color:var(--tp-white);font-weight:500}
.recap .tot{padding-top:12px;margin-top:4px;border-top:1px solid var(--line);font-size:16px;color:var(--tp-white);font-weight:700}
.recap .tot .mono{font-size:20px;font-weight:600}
.d-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:3vw;align-items:start}
.d-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.tile .rm{position:absolute;top:8px;right:8px;z-index:3;width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;background:rgba(9,10,11,.85);color:var(--soft);font-size:13px}
.tile .rm:hover{color:#fff;background:#FF5C5C}

.m-top{position:absolute;top:6px;left:0;right:60px;z-index:10;display:none;align-items:center;gap:16px;min-width:0}
.modal.multi .m-top{display:flex}
.m-prog{font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.1em;white-space:nowrap}
.m-prog b{font-size:20px;color:#fff}
.m-bar{flex:1;height:4px;border-radius:999px;background:rgba(247,247,244,.1);overflow:hidden;max-width:220px}
.m-bar i{display:block;height:100%;background:var(--tp-blue);width:0;transition:width .35s}
.m-tray{position:absolute;top:44px;left:0;right:0;z-index:9;display:none;gap:6px;justify-content:center;flex-wrap:wrap;align-items:flex-start}
.modal.multi .m-tray{display:flex}
.m-tray .th{display:block;flex:none;width:30px;height:41px;border-radius:3px;overflow:hidden;background:#202124;box-shadow:0 0 0 1.5px var(--rc);animation:trayIn .35s cubic-bezier(.2,1.4,.4,1)}
.m-tray .th img{width:100%;height:100%;object-fit:cover}
.m-tray .th.is-empty{box-shadow:inset 0 0 0 1px rgba(247,247,244,.15);background:none;animation:none}
@keyframes trayIn{from{transform:scale(.3);opacity:0}}
.m-decide,.m-after{display:none;gap:12px;justify-content:center;flex-wrap:wrap;align-items:stretch;max-width:560px;margin:0 auto;padding:0 var(--space-sm)}
.m-decide>.btn,.m-after>.btn{flex:1 1 13rem}
.modal.need-decision .m-decide{display:flex}
.modal.decided .m-after{display:flex}
.m-after>.btn{max-width:22rem}
.modal.multi .m-owned,.modal.need-decision .m-owned{display:none}
.m-done{display:none;margin:0 0 16px;font-family:var(--ui);font-weight:600;font-size:14px}
.modal.decided .m-done{display:flex;justify-content:center;align-items:center;gap:8px}
.m-done.is-kept{color:var(--soft)}.m-done.is-sold{color:var(--up)}
.m-done.is-err{display:flex;color:#FFB0B0}
.m-done .ok{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--up);color:var(--tp-black);font-size:11px}
.btn-sell{background:rgba(61,220,132,.08);color:var(--tp-white);box-shadow:inset 0 0 0 1.5px rgba(61,220,132,.45)}
.btn-sell .pz{background:rgba(61,220,132,.16);color:var(--up)}
.btn-sell:hover{background:rgba(61,220,132,.14)}
.btn-sell:active{transform:translateY(4px);box-shadow:inset 0 0 0 1.5px rgba(61,220,132,.45),0 1px 0 rgba(0,0,0,.5)}
.m-recap{position:absolute;inset:0;z-index:12;overflow:auto;overscroll-behavior:contain;padding:40px 5vw 64px;display:none}
.modal.is-recap .m-recap{display:block;animation:viewIn .4s ease-out}
.modal.is-recap .m-stage{display:none}
.rc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;max-width:1200px;margin:0 auto 30px}
.rc-head h2{font-weight:700;font-size:clamp(34px,4vw,60px);letter-spacing:-.055em;line-height:.95}
.rc-head p{color:var(--mute);margin-top:8px}
.rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:34px 22px;max-width:1200px;margin:0 auto}
.rc-item{display:flex;flex-direction:column;gap:12px;container-type:inline-size;min-width:0}
.rc-item .tcard{--w:100cqw;transition:filter .3s,opacity .3s}
.rc-item.is-sold .tcard{filter:grayscale(.75) brightness(.55)}
.rc-item .tile-cap{gap:4px}

@media (max-width:1150px){
  .nav a{padding:8px 11px;font-size:13px}
  .bgrid.home{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bgrid.home .bc{transform:none!important}
  .how-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:60px}
  .how-grid::before{display:none}
  .d-grid,.sd-grid{grid-template-columns:minmax(0,1fr)}
  .d-side{position:static}
}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;padding:20px 5vw 50px}
  .stage{height:600px;min-height:0;order:-1;margin:0 -5vw}
  .sticker{left:3%;top:6%;width:84px;height:84px}
  .sticker b{font-size:14px}
  .hl{font-size:clamp(40px,11vw,64px);margin-top:10px}
  .live{display:none}
  .proof{margin-top:28px}
  :root{--page-x:5vw;--section-y:56px}
  .page{padding-top:36px}
  .trust,.final,.w-grid,.tp-layout,.tp-sec,.auth,.cd{grid-template-columns:minmax(0,1fr)}
  .final{padding:var(--section-y) 6vw;margin:var(--space-md) 3vw var(--section-y);border-radius:30px}
  .final-vis{height:320px;order:-1}
  .bd-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bars);align-items:center;justify-content:space-between;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(9,10,11,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .bd-sticky .mono{font-size:18px;font-weight:600}
  .bd-sticky small{display:block;font-family:var(--ui);font-size:10px;color:var(--mute)}
  .tp-nav{display:none}
  .auth{padding-top:20px}
  .auth-card{justify-self:stretch;max-width:none}
  .auth-vis{height:300px;order:-1}
  .auth-vis .tcard{--w:130px!important}
  .ui-modal{align-items:end;padding:0}
  .um-box,.ui-modal.wide .um-box{width:100%;border-radius:28px 28px 0 0;padding:28px 22px calc(28px + env(safe-area-inset-bottom));max-height:90vh}
  .prow{grid-template-columns:118px 1fr 78px}
  .prow .cnt{display:none}
  .ship{grid-template-columns:90px 1fr;gap:16px}
  .ship .st{grid-column:2;justify-self:start}
  .ship-stack{height:70px}.ship-stack .th{width:48px}
  .timeline{grid-template-columns:1fr;gap:18px}
  .timeline li{padding:0 0 0 34px}
  .timeline li::before{top:18px;bottom:-18px;left:8px;right:auto;width:2px;height:auto}
  .timeline li:last-child::before{display:none}
}
@media (max-width:560px){
  .avatar{width:36px;height:36px}
  .wallet-pill{padding-left:12px}.wallet-pill .bal{min-width:0;font-size:14px}
  .stage{height:460px}
  .pool{width:480px}
  .s-pack .bimg{--bw:210px}
  .s-pack{left:48%;top:48%}
  .s-front{right:2%;bottom:2%}.s-front .tcard{--w:140px!important}
  .s-back1{left:5%;top:11%}.s-back1 .tcard{--w:96px!important}
  .s-back2{right:2%;top:4%}.s-back2 .tcard{--w:100px!important}
  .s-far1{left:34%;top:0}.s-far1 .tcard{--w:72px!important}
  .s-far2{left:6%;bottom:30%}.s-far2 .tcard{--w:74px!important}
  .pool-2{display:none}
  .s-shadow{width:240px}
  .sticker{width:74px;height:74px;left:2%;top:auto;bottom:10%}
  .sticker b{font-size:13px}.sticker small{font-size:7px}
  .hl{font-size:clamp(38px,11vw,52px);margin:4px 0 14px}
  .intro{font-size:16px;margin-bottom:24px}
  .ctas .btn{width:100%;justify-content:center}
  .feed{padding-left:4vw;gap:10px}.feed-label span{display:none}
  .bgrid .bimg{--bw:128px}
    .how-grid{grid-template-columns:1fr}
  .pslide{width:170px;padding:12px}
  .stat{min-width:0;flex:1 1 40%}
  .stat b{font-size:22px}
  .toolbar .select{flex:1 1 45%;min-width:0}
  .w-hero{padding:28px}
  .w-hero .row{flex-direction:column;gap:10px}.w-hero .row .btn{width:100%}
  .rw .ico{width:40px;height:40px}
  .final-vis .bimg{--bw:160px}
  .final-vis .tcard{--w:110px!important}
  .val-demo{gap:14px}.val-demo .big{font-size:30px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  #feedView{overflow-x:auto}
}

.tp-pack{--bw:300px;--tear:14%;width:var(--bw);perspective:900px}
.tp-tilt{position:relative;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out;filter:drop-shadow(0 calc(var(--bw) * .1) calc(var(--bw) * .09) rgba(0,0,0,.6)) drop-shadow(0 0 calc(var(--bw) * .1) var(--bg,rgba(49,92,255,.35)))}
.tp-tilt img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.tp-tilt .tp-strip{position:absolute;inset:0;height:100%;object-fit:contain;visibility:hidden;pointer-events:none;clip-path:inset(0 0 calc(100% - var(--tear)) 0);transform-origin:15% 100%}
.m-packwrap.torn .tp-main{clip-path:inset(var(--tear) 0 0 0)}
.m-packwrap.torn .tp-strip{visibility:visible;animation:fly .7s cubic-bezier(.2,.7,.4,1) forwards}
.tp-pack.noimg .tp-tilt{aspect-ratio:.62;border-radius:12px;background:linear-gradient(160deg,#26282D,#141517)}
.tp-pack.noimg img{display:none}

@keyframes balBump{0%{transform:scale(1)}35%{transform:scale(1.06);box-shadow:inset 0 0 0 1px rgba(61,220,132,.6),0 0 22px rgba(61,220,132,.3)}100%{transform:scale(1)}}
.wallet-pill.bump{animation:balBump .7s ease-out}
.wallet-pill.bump .bal,.ms-bal.bump b{color:var(--up)}
.bal,.ms-bal b,.w-amt{transition:color .5s}

.m-resell{display:none;justify-content:center;margin:0 0 var(--space-sm);padding:0 var(--space-sm)}
.modal.need-decision .m-resell{display:flex}
.modal.need-decision .m-amt{margin-bottom:var(--space-xs)}
.m-decide .btn .mono{font-weight:600}
.m-done{justify-content:center;flex-wrap:wrap;gap:6px 10px;padding:0 var(--space-sm);text-align:center}
.m-done .mono{font-weight:600}
.m-done.is-sold{color:var(--tp-white)}
.m-done.is-sold b{color:var(--up);font-family:var(--mono);white-space:nowrap}
.m-done .mono{white-space:nowrap}

.rc-done{max-width:1200px;margin:0 auto var(--space-lg)}
.rc-lines{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:var(--space-lg);text-align:left}
.rc-lines>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--soft)}
.rc-lines b{color:var(--tp-white);font-weight:700}
.rc-lines .mono{color:var(--tp-white);font-weight:600;font-size:17px}
.rc-lines .mono.pos{color:var(--up)}
.rc-done .acts{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap;align-items:stretch}
.rc-done .acts>.btn{flex:1 1 13rem;max-width:20rem}
@media (max-width:560px){.rc-done .acts{flex-direction:column;gap:10px}.rc-done .acts>.btn{flex:none;width:100%;max-width:none}}
.rc-done .acts{flex-direction:column}
.rc-done .acts .btn{flex:none;width:min(100%,24rem);max-width:none}
@media (max-width:560px){.rc-done .acts .btn{width:100%}}
.rc-done .acts{display:grid;grid-template-columns:minmax(0,24rem);grid-auto-rows:1fr}
@media (max-width:560px){.rc-done .acts{grid-template-columns:minmax(0,1fr)}.rc-done .acts .btn{padding-left:16px;padding-right:16px}}

.selecting .view[data-view="ship-select"]{padding-bottom:calc(var(--selbar-h,90px) + 48px)}
.stat.is-accent b{color:var(--up)}
.link-btn{background:none;border:0;cursor:pointer;color:var(--soft);font:inherit;font-size:14px;padding:8px;text-decoration:underline;text-underline-offset:3px;align-self:center}
.link-btn:hover{color:var(--tp-white)}

.rw.minor b{font-weight:500;color:var(--soft)}
.rw.minor .amt{color:var(--mute);font-weight:500}
.rw .kind{display:block;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--mute);margin-bottom:2px}
.rw.k-buyback .kind{color:var(--up)}

@media (max-width:900px){ body.has-sticky{padding-bottom:76px} }

.hdr.compact .nav,.hdr.compact .hdr-link,.hdr.compact .btn-signup{display:none}
.hdr.compact .burger{display:grid}
.hdr.compact{padding-left:clamp(14px,4vw,32px);padding-right:clamp(14px,4vw,32px)}
.hdr.tight .avatar-wrap{display:none}
.hdr.tighter .wallet-pill .plus{display:none}
.hdr.tighter .wallet-pill{padding-right:14px;min-height:40px}
@media (max-width:760px){ .hdr .nav,.hdr .hdr-link,.hdr .btn-signup{display:none} .hdr .burger{display:grid} }

@media (max-width:1150px){ .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){
  .bgrid,.bgrid.home{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 12px}
  .card-grid,.sk-grid{grid-template-columns:repeat(auto-fill,minmax(min(136px,100%),1fr));gap:30px 14px}
  .rc-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:26px 12px}
  .rw{grid-template-columns:40px minmax(0,1fr) auto;padding:14px 16px;gap:12px}
}
@media (max-width:480px){
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .selbar{left:12px;right:12px;bottom:12px;transform:translateY(140%);border-radius:22px;padding:12px;max-width:none}
  .selbar.show{transform:none}
  .selbar .cnt{flex:1 1 calc(100% - 96px)}
  #selAll,#selCancel{flex:none;padding-left:14px;padding-right:14px;white-space:nowrap}
  #selSell,#selShip{flex:1 1 9rem;padding-left:12px;padding-right:12px;white-space:nowrap}
}
.modal.measure .m-result{visibility:hidden}
.modal.measure .m-decide,.modal.measure .m-resell{display:flex}
.modal.scroll{overflow-y:auto;align-items:start;overscroll-behavior:contain}
.modal.scroll .m-stage{max-height:none}
.m-bd{position:fixed}
.tile-cap{flex:1 1 auto}
.tile-cap .selbar>.btn{align-self:stretch}
@media (max-width:640px){
}
.toast{align-items:flex-start;line-height:1.35}
.toast::before{flex:none}
@media (max-width:480px){ .toast{border-radius:18px;padding:12px 16px;font-size:14px} }

.pstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:0 var(--space-md);border-top:1px solid var(--line);max-width:960px}
.pstats>div{padding:16px 0;border-bottom:1px solid var(--line);min-width:0}
.pstats dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.pstats dd{font-size:15px;color:var(--soft);overflow-wrap:break-word}
.pstats dd .mono{color:var(--tp-white);font-weight:600;font-size:17px}
.pstats dd span:first-child:not(.mono){color:var(--tp-white);font-weight:600}
@media (max-width:640px){
}
.col-note{margin:calc(var(--space-md) * -1 + 4px) 0 var(--space-lg);font-size:13.5px;color:var(--mute)}
.m-resell{flex-wrap:wrap;column-gap:8px;row-gap:2px}
.m-resell .to{font-size:12px;font-weight:500;letter-spacing:0;color:var(--soft)}
.feed{padding-top:30px;padding-bottom:30px}
.pull .ago{color:var(--mute);font-weight:400}
.feed-view{padding:16px 0;margin:-16px 0}
@media (max-width:560px){ .pull .th{width:76px} .pull .cn{max-width:170px} }
@media (max-width:560px){
  .feed{gap:8px}
  .track{gap:8px}
  .pull{gap:10px;padding:8px 12px 8px 8px;border-radius:12px;font-size:12px}
  .pull .th{width:clamp(56px,16vw,64px);border-radius:4px}
  .pull .tx{gap:3px}
  .pull .who{font-size:11px;gap:5px}
  .pull .av{width:15px;height:15px;font-size:9px}
  .pull .cn{font-size:clamp(13px,2vw + 7px,15px);max-width:clamp(96px,30vw,128px)}
  .pull .meta{font-size:10px;gap:6px;letter-spacing:.02em}
  .pull .amt{font-size:clamp(13px,1.5vw + 8px,15px)}
}
.pstats dd.mono{color:var(--tp-white);font-weight:600;font-size:17px}
.pstats{grid-auto-flow:row dense}
.pstats>.pstats-range{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;grid-auto-flow:column;column-gap:var(--space-md)}
@media (min-width:561px){ .pull .th{width:100px} }
.pull .who{margin-top:8px;max-width:210px;overflow:hidden;font-size:11.5px}
.pull .who .meta{font-size:inherit;letter-spacing:.02em}
.pull .who .ago::before{content:"·";margin-right:6px}
@media (max-width:560px){ .pull .who{margin-top:4px;max-width:clamp(96px,30vw,128px);flex-direction:column;align-items:flex-start;gap:1px;font-size:10px} .pull .who .ago::before{content:none} }

.m-done{min-height:1.4em}
.rc-head{margin-bottom:var(--space-md)}
.rc-done .rc-lines{max-width:560px;margin-bottom:var(--space-md)}
.rc-status{font-size:11px;font-weight:700;letter-spacing:.12em;margin-top:2px}
.rc-status.is-sold{color:var(--up)}
.rc-status.is-kept{color:var(--soft)}
.rc-item.is-sold .tcard{filter:none}

.qsel-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px 12px;flex-wrap:wrap;margin-bottom:10px}
.qsel-head .l{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--mute)}
.unit-note{font-size:13px;color:var(--mute)}
.unit-note b{color:var(--tp-white);font-weight:600}
.qsel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;margin-bottom:16px;border-radius:14px;background:#111214;box-shadow:inset 0 0 0 1px rgba(247,247,244,.1)}
.qsel button{min-height:44px;border:0;border-radius:10px;cursor:pointer;background:none;color:var(--soft);font-family:var(--mono);font-weight:600;font-size:15px;transition:background .15s,color .15s}
.qsel button:hover{background:rgba(247,247,244,.06);color:var(--tp-white)}
.qsel button[aria-checked="true"]{background:var(--tp-blue);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.qsel button:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:1px}
.btn-open{width:100%;justify-content:space-between;padding-left:28px;padding-right:12px}
.btn-open .pz{font-size:.95em;padding:6px 14px}

.bgrid.cols4{--g:clamp(12px,2vw,28px);column-gap:var(--g);grid-template-columns:repeat(auto-fill,minmax(max(200px,calc((100% - 3 * var(--g)) / 4)),1fr))}
@media (max-width:640px){ .bgrid.cols4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:300px){ .bgrid.cols4{grid-template-columns:minmax(0,1fr)} }
.bgroup-title{font-weight:700;font-size:clamp(24px,2.4vw,34px);line-height:1;letter-spacing:-.045em;margin:0 0 24px}
.bgrid + .bgroup-title{margin-top:clamp(48px,6vw,80px)}
.bgroup-desc{max-width:70ch;margin:-12px 0 24px;color:var(--soft);font-size:15px;line-height:1.5}
.page-head + .bgroup-desc{margin-top:0}
.rich{overflow-wrap:anywhere;min-width:0}
.rich > * + *{margin-top:.6em}
.rich ul,.rich ol{padding-left:1.3em}
.rich li + li,.rich li > ul,.rich li > ol{margin-top:.3em}
.rich li::marker{color:var(--tp-blue-hi)}
.rich strong{color:var(--tp-white);font-weight:700}
.rich u{text-underline-offset:.18em}
.bgroup-featured{position:relative;isolation:isolate;margin-top:clamp(48px,6vw,80px);padding:clamp(22px,3vw,40px) clamp(18px,3vw,40px) clamp(28px,4vw,48px);border-radius:28px;background:linear-gradient(180deg,rgba(247,247,244,.05),rgba(247,247,244,.015) 60%);box-shadow:inset 0 0 0 1px var(--line),0 30px 70px -40px rgba(0,0,0,.9)}
.bgroup-featured::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(70% 55% at 0 0,rgba(49,92,255,.16),transparent 70%);pointer-events:none}
.bgroup-featured::after{content:"";position:absolute;top:0;left:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px);height:2px;border-radius:2px;background:linear-gradient(90deg,var(--tp-blue),var(--tp-blue-hi) 45%,rgba(82,119,255,0));pointer-events:none}
.page-head + .bgroup-featured{margin-top:0}
.bgroup-featured .bgroup-title{margin-top:0;font-size:clamp(28px,3vw,42px)}
.bgroup-featured .bgroup-desc{margin:-10px 0 32px;font-size:16px}
.bgroup-featured + .bgroup-title{margin-top:clamp(48px,6vw,80px)}
@media (max-width:640px){ .bgroup-featured{padding:20px 16px 28px;border-radius:22px} .bgroup-featured::after{left:16px;right:16px} .bgroup-featured .bgroup-title{font-size:clamp(26px,7.5vw,32px);overflow-wrap:anywhere} .bgroup-featured .bgroup-desc{font-size:15px;margin-bottom:26px} }

.w-main{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}
.pm-sec{min-width:0}
.pm-note{margin:-6px 0 var(--space-md);font-size:14px;color:var(--mute)}
.pm-empty{padding:22px 20px;color:var(--mute);font-size:14px}
.paylist{display:flex;flex-direction:column;gap:6px}
.paylist>.pm-empty{padding:18px 16px;border-radius:16px;border:1px dashed rgba(247,247,244,.14)}
.payment-card{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:14px 16px;border-radius:16px;background:#111214;box-shadow:inset 0 0 0 1px rgba(247,247,244,.1)}
.pc-ico{flex:none;display:grid;place-items:center;width:42px;height:28px;border-radius:6px;background:var(--tp-graphite);color:#fff;font-weight:800;font-size:11px;letter-spacing:.02em}
.pc-ico.pc-visa{background:#1A1F71;font-style:italic}
.pc-ico.pc-mastercard{background:#2B2B2B;color:#FFB36B}
.pc-ico.pc-amex{background:#1F6FB2}
.pc-ico.pc-new{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(247,247,244,.22);color:var(--soft);font-size:17px;font-weight:600}
.pc-txt{display:flex;flex-direction:column;gap:2px;flex:1 1 150px;min-width:0}
.pc-txt b{display:block;font-weight:600;font-size:15px;color:var(--tp-white)}
.pc-num{white-space:nowrap}
.pc-txt small{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;color:var(--mute)}
.pc-badge{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#B9C8FF;background:rgba(49,92,255,.14);box-shadow:inset 0 0 0 1px rgba(124,155,255,.32)}
.pc-acts{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px 14px;flex-wrap:wrap}
.pc-del{color:#FF8A8A}
.payopt{flex-wrap:nowrap;cursor:pointer;transition:box-shadow .15s}
.payopt:hover{box-shadow:inset 0 0 0 1px rgba(247,247,244,.2)}
.payopt input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(247,247,244,.3);display:grid;place-items:center;cursor:pointer;margin:0}
.payopt input:checked{box-shadow:inset 0 0 0 5px var(--tp-blue)}
.payopt:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--tp-blue)}
.payopt input:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:2px}
.fee-note{font-size:12.5px;color:var(--mute);line-height:1.45;margin-top:4px}
.rw .amt.cb{display:flex;flex-direction:column;align-items:flex-end;color:var(--soft);font-weight:600}
.rw .amt.cb small{font-family:var(--ui);font-size:11.5px;font-weight:500;color:var(--mute)}

.agegate{position:fixed;inset:0;z-index:var(--z-gate,200);display:grid;place-items:center;padding:20px;background:radial-gradient(900px 600px at 50% 30%,rgba(49,92,255,.16),transparent 70%),rgba(6,7,8,.97);backdrop-filter:blur(12px);overflow:auto}
.agegate[hidden]{display:none}
body.gated{overflow:hidden}
.ag-box{width:min(520px,100%);border-radius:28px;background:#101113;padding:clamp(24px,5vw,40px);box-shadow:0 40px 100px rgba(0,0,0,.7),inset 0 0 0 1px var(--line)}
.ag-mark{font-size:26px;margin-bottom:var(--space-md)}
.ag-box h2{font-weight:700;font-size:clamp(26px,5vw,34px);letter-spacing:-.045em;line-height:1.05;margin-bottom:12px}
.ag-box p{color:var(--soft);font-size:15px;line-height:1.55}
.ag-acts{display:flex;flex-direction:column;gap:10px;margin:var(--space-md) 0}
.ag-acts .btn{width:100%}
.ag-rg{padding-top:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--mute)}
.ag-rg b{color:var(--soft);font-weight:600}
.ag-rg .link-btn{font-size:13px;padding:0}
.ag-rg p{margin-top:8px;font-size:13px;color:var(--mute)}
body.age-blocked #global-header,body.age-blocked #app,body.age-blocked #global-footer{visibility:hidden}

.bd-page{padding-bottom:110px}
.bd-top{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,64px);align-items:start;padding:var(--space-sm) 0 var(--space-lg)}
.bd-left{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}
.bd-scene{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(140px,13vw,190px);align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-radius:32px;background:radial-gradient(ellipse 70% 70% at 38% 50%,rgba(49,92,255,.16),transparent 70%)}
.bd-stack{position:relative;width:min(100%,420px);justify-self:center;aspect-ratio:.72}
.bd-copy{position:absolute;top:50%;left:50%;width:var(--cw,64%);container-type:inline-size;transform:translate(-50%,-50%) translateX(var(--x,0)) rotate(var(--r,0deg)) scale(var(--s,1));
  opacity:0;filter:brightness(var(--l,1)) saturate(.9);transition:transform .45s cubic-bezier(.2,.9,.3,1.15),opacity .35s,width .45s}
.bd-copy.is-on{opacity:1}
.bd-copy[data-i="1"]{--x:-22%;--r:-11deg;--s:.93;--l:.66}
.bd-copy[data-i="2"]{--x:22%;--r:10deg;--s:.93;--l:.66}
.bd-copy[data-i="3"]{--x:-37%;--r:-18deg;--s:.86;--l:.46}
.bd-copy[data-i="4"]{--x:37%;--r:17deg;--s:.86;--l:.46}
.bd-copy:not(.is-on){--x:0;--r:0deg;--s:.9}
.bd-stack[data-n="4"],.bd-stack[data-n="5"]{--cw:56%}
.bd-stack[data-n="3"]{--cw:60%}
.bd-stack[data-n="1"]{--cw:74%}
.bd-copy.is-front{--r:-3deg;--l:1;opacity:1;z-index:5}
.bd-copy[data-i="1"],.bd-copy[data-i="2"]{z-index:3}
.bd-copy.is-front .bimg{animation:float 6s ease-in-out infinite}
.bd-feature{display:flex;flex-direction:column;gap:10px;min-width:0}
.bd-feature-k{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--mute)}
.bd-feature-card{container-type:inline-size;display:flex;flex-direction:column;gap:10px}
.bd-feature-cap{display:flex;flex-direction:column;gap:4px;min-width:0}
.bd-feature-cap b{font-weight:700;font-size:14px;letter-spacing:-.02em;overflow-wrap:break-word}
.bd-feature-cap .mono{font-weight:600;font-size:15px}
.bd-feature-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bd-feature-nav .mono{font-size:12px;color:var(--mute)}
.bd-nav{width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;background:var(--surface);color:var(--tp-white);box-shadow:inset 0 0 0 1px var(--line)}
.bd-nav:hover{background:#1B1C1F}
.bd-lp-h{margin-bottom:10px}
.bd-lp-h .kicker{margin:0}
.bd-lp-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lp{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.lp .th{width:34px;aspect-ratio:600/825;border-radius:3px;overflow:hidden;flex:none;background:#202124}
.lp .th img{width:100%;height:100%;object-fit:cover}
.lp-t{display:flex;flex-direction:column;min-width:0;flex:1}
.lp-t b{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-t small{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-v{font-weight:600;font-size:14px;flex:none}
.bd-panel{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0;padding-top:var(--space-sm)}
.bd-head{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,18px)}
.bd-head .kicker{margin:0}
.bd-head h1{font-weight:700;font-size:clamp(40px,5vw,84px);line-height:1;letter-spacing:-.06em;overflow-wrap:break-word;padding-top:.08em}
.bd-desc{color:var(--soft);font-size:16px;max-width:46ch}
.bd-probs-link{align-self:flex-start;font-size:14px}
.buybox.is-off{opacity:.45;pointer-events:none}
.bd-perks{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bd-perks li{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:14px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.bd-perks svg{width:20px;height:20px;color:var(--tp-blue-hi);margin-bottom:6px}
.bd-perks b{font-size:13px;font-weight:700;letter-spacing:-.01em}
.bd-perks span{font-size:12px;color:var(--mute)}
.bd-sec{padding:calc(var(--section-y) * .75) 0 0}
.bd-sec h2{font-weight:700;font-size:clamp(30px,3.4vw,50px);letter-spacing:-.05em;line-height:1}
.bd-sec .sub{color:var(--mute);font-size:16px;margin:10px 0 var(--space-md)}
.bd-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.bd-probs{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,4vw,56px);align-items:start;scroll-margin-top:calc(var(--hdr-h) + 20px)}
.bd-sticky{display:none}

.swipe{--p:0;--sh:clamp(44px,2.2vw + 26px,54px);--kw:calc(var(--sh) * 1.1);position:relative;height:var(--sh);margin-top:4px;border-radius:999px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:default;
  background:rgba(49,92,255,.14);box-shadow:inset 0 0 0 1.5px rgba(82,119,255,.5),0 8px 22px -8px rgba(49,92,255,.5)}
.swipe:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:3px}
.swipe-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--kw) + 8px + var(--track,0px) * var(--p));border-radius:inherit;
  background:linear-gradient(180deg,var(--tp-blue-hi),var(--tp-blue) 55%,#2A50EA);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.swipe-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 calc(var(--kw) + 12px);color:#fff;font-weight:600;font-size:clamp(14px,.35vw + 12.5px,16px);text-align:center;pointer-events:none}
.swipe-lbl{opacity:calc(1 - var(--p) * .7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.swipe-knob{position:absolute;top:4px;left:4px;width:var(--kw);height:calc(100% - 8px);border-radius:999px;display:grid;place-items:center;cursor:grab;touch-action:none;
  background:var(--tp-white);color:var(--tp-blue);box-shadow:0 4px 12px rgba(0,0,0,.35);transform:translateX(calc(var(--track,0px) * var(--p)))}
.swipe.is-drag .swipe-knob{cursor:grabbing}
.swipe.is-back .swipe-fill,.swipe.is-back .swipe-knob,.swipe.is-back .swipe-lbl{transition:all .32s cubic-bezier(.2,.9,.3,1.1)}
.swipe.is-done .swipe-knob{background:#fff;color:var(--up)}
.swipe.is-disabled{opacity:.45;pointer-events:none}

.m-open{position:absolute;left:50%;bottom:calc(var(--open-lift,0px) + clamp(16px,3vh,28px) + env(safe-area-inset-bottom,0px));width:min(clamp(260px,24vw + 120px,380px),calc(100vw - 40px));transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:9}
.modal[data-state="sealed"] .m-open{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.modal.no-anim .m-flip,.modal.no-anim .m-flip-in,.modal.no-anim .m-result,.modal.no-anim .m-open,.modal.no-anim .m-glow,.modal.no-anim .m-rays{transition:none}
.modal.seq .m-flip{filter:brightness(.3);transition:filter .4s}
.modal.seq .m-glow{opacity:calc(.35 + var(--seq,0) * .22);transform:translate(-50%,-50%) scale(calc(.9 + var(--seq,0) * .08))}
.rt.r-legendary .rico{filter:drop-shadow(0 0 3px var(--rc))}

@media (max-width:1150px){
  .bd-perks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1280px){ .bd-cards{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:900px){
  .bd-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bd-top,.bd-probs{grid-template-columns:minmax(0,1fr)}
  .bd-left{display:contents}
  .bd-scene{order:1}.bd-panel{order:2}.bd-lastpulls{order:3}
  .bd-scene{grid-template-columns:minmax(0,1fr) clamp(120px,30vw,170px)}
  .bd-stack{width:min(100%,300px)}
  .bd-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bars);align-items:center;justify-content:space-between;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(9,10,11,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .bd-sticky .mono{font-size:18px;font-weight:600}
  .bd-sticky small{display:block;font-family:var(--ui);font-size:10px;color:var(--mute)}
}
@media (max-width:640px){
  .bd-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .bd-lp-row{grid-template-columns:minmax(0,1fr)}
    .bd-head h1{font-size:clamp(34px,11vw,56px)}
}
@media (max-width:340px){
  .bd-scene{grid-template-columns:minmax(0,1fr)}
  .bd-feature{align-items:center;text-align:center}
  .bd-feature-card{width:min(170px,60vw)}
  .bd-feature-cap{align-items:center}
  .bd-feature-nav{width:min(170px,60vw)}
}
@media (max-width:420px) and (min-width:341px){ .bd-scene{grid-template-columns:minmax(0,1fr) 118px;gap:12px} .bd-feature-cap b{font-size:13px} }
.bd-panel .buybox{max-width:none}
.bd-feature-nav .mono{white-space:nowrap}
@media (max-width:420px){ .bd-nav{width:32px;height:32px} .bd-feature-nav{gap:4px} }

.m-clues{position:absolute;left:50%;top:var(--card-cy,39%);z-index:7;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));
  display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,26px);text-align:center;pointer-events:none;opacity:0;transition:opacity .38s ease}
.m-clues.is-on{opacity:1}
.m-clues.is-leaving{opacity:0}
.clue{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;animation:clueIn .5s cubic-bezier(.2,.9,.3,1.1) both}
.clue small{font-size:clamp(11px,.25vw + 10px,12.5px);line-height:1.2;font-weight:700;letter-spacing:.22em;color:var(--mute)}
.clue b{font-weight:700;font-size:clamp(22px,1.8vw + 14px,36px);line-height:1.18;letter-spacing:-.02em;color:var(--tp-white);overflow-wrap:break-word;text-wrap:balance;max-width:100%;text-shadow:0 0 28px rgba(168,230,255,.25)}
.clue:last-child b{color:#FFCB05} @keyframes clueIn{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){ .clue{animation:none} }
.swipe-knob svg{width:calc(var(--sh) * .38);height:calc(var(--sh) * .38)}
@media (max-width:600px){ .m-open{width:min(calc(100vw - 48px),380px)} }
@media (max-width:600px){ .m-open .swipe{--sh:clamp(52px,3vw + 41px,56px)} .m-open .swipe-text{font-size:15px;padding:0 calc(var(--kw) + 10px)} .m-open .swipe-lbl{white-space:normal;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:clip} }

.buybox .btn-buy{width:100%;min-height:clamp(54px,1.2vw + 42px,60px);padding:0 clamp(18px,2vw,26px);justify-content:space-between;flex-wrap:nowrap;gap:16px;border-radius:16px;
  background:linear-gradient(180deg,#4A72FF 0%,var(--tp-blue) 48%,#2B52EC 100%)}
.btn-buy .buy-l{font-weight:700;font-size:clamp(16px,.3vw + 14.5px,18px);letter-spacing:-.01em}
.btn-buy .buy-p{flex:none;display:flex;align-items:center;align-self:stretch;padding-left:clamp(16px,1.8vw,22px);border-left:1px solid rgba(255,255,255,.22);
  font-weight:600;font-size:clamp(17px,.4vw + 15px,20px);letter-spacing:-.02em;white-space:nowrap}
.btn-buy:hover .buy-p{border-left-color:rgba(255,255,255,.34)}
.btn-buy:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:3px}
.ag-box:focus{outline:none}
.btn:focus:not(:focus-visible){outline:none}
.btn:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:3px}
.col-acts{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center}
.col-ship{font-size:14px;color:var(--soft)}
@media (max-width:640px){
  .col-acts{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}
  .col-acts .btn{width:100%}
  .col-ship{order:3;align-self:flex-start;margin-top:6px}
  .col-ship::after{content:" \2192"}
}
.col-ship:hover{color:var(--tp-white)}

.bsel{--ow:clamp(92px,6vw + 30px,112px);--gap:8px;position:relative;margin:0 0 14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.bsel::-webkit-scrollbar{display:none}
.bsel-track{display:flex;column-gap:var(--gap);width:max-content;padding:2px 0 4px}
.bsel-opt{-webkit-user-drag:none;scroll-snap-align:center;flex:0 0 var(--ow);width:var(--ow);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 9px;border-radius:14px;text-align:center;
  background:#111214;box-shadow:inset 0 0 0 1px rgba(247,247,244,.1);transform:scale(var(--sc,.94));opacity:var(--op,.75);
  transition:transform .3s,opacity .3s,background .15s,box-shadow .15s}
.bsel-opt:hover{background:#16171A;box-shadow:inset 0 0 0 1px rgba(247,247,244,.2)}
.bsel-opt:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:2px}
.bsel-opt.is-active{--sc:1;--op:1;background:rgba(49,92,255,.12);box-shadow:inset 0 0 0 1.5px var(--tp-blue)}
.bsel-opt.is-out{--op:.45}
.bsel-img{display:flex;align-items:center;justify-content:center;height:58px;width:100%;margin-bottom:4px;overflow:hidden}
.bsel-img img{height:100%;width:auto;max-width:70%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.bsel-opt b{font-size:12.5px;font-weight:700;letter-spacing:-.01em;color:var(--tp-white);white-space:nowrap}
.bsel-opt .mono{font-size:12px;font-weight:600;color:var(--soft)}
.bsel-opt.is-active .mono{color:var(--tp-white)}
@media (max-width:640px){ .bsel{--ow:104px} }
@media (prefers-reduced-motion:reduce){ .bsel-opt{transition:none} }

.tcard.is-tilt .tc-inner{will-change:transform}
.tcard.is-off .tc-inner::after{animation-play-state:paused}
[data-anim-zone].is-off *,[data-anim-zone].is-off *::before,[data-anim-zone].is-off *::after{animation-play-state:paused}
.modal:not(.open) *{animation-play-state:paused}

.foot-brand .wordmark{--logo-h:30px}
.ag-mark{--logo-h:34px}
@media (max-width:560px){ .hdr .wordmark{--logo-h:22px} }
.bimg img,.tp-tilt img,.bsel-img img{object-fit:contain}
.empty-line{margin:0;padding:10px 0;font-size:14px;color:var(--mute)}
.bc,.bd-stack,.tp-pack{--bg:color-mix(in srgb,var(--booster-color) 55%,transparent)}
.hist-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:26px}
.hist-pages .mono{color:var(--mute);font-size:13px}
.tp-pack.impact{animation:packImpact .55s cubic-bezier(.2,1.4,.4,1)}
@keyframes packImpact{0%{transform:scale(1)}35%{transform:scale(1.05)}100%{transform:scale(1)}}
.m-clues .clue{transition:opacity .45s}
.m-clues .clue:not(:last-child){opacity:.45}
.clue.is-key{animation:clueKey .75s cubic-bezier(.2,.9,.3,1.15) both}
.clue.is-key b{font-size:clamp(26px,2.2vw + 16px,42px)}
.clue>b{text-transform:none;hyphens:manual;word-break:normal}
@media (max-width:600px){
  .clue small{font-size:clamp(12px,3.3vw,14px)}
  .clue>b{font-size:clamp(20px,5.6vw,24px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .clue.is-key>b{font-size:clamp(23px,6.6vw,28px)}
}
.clue.is-key>b{text-transform:uppercase}
.m-clues .clue:nth-child(2)>b{text-transform:uppercase}
@keyframes clueKey{from{opacity:0;transform:translateY(14px) scale(.9)}}
.modal.charge .m-flip{animation:charge 1.1s ease-in-out infinite alternate}
@keyframes charge{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.03)}}
.modal.charge .m-glow{opacity:.75;transform:translate(-50%,-50%) scale(1.08)}
.modal.calm .m-glow{opacity:.1}
.modal.calm .m-bd{background:rgba(2,2,3,.97)}
.m-wave{position:absolute;left:50%;top:var(--wy,39%);width:min(calc(var(--card-w,240px) * 2.2 * var(--wsz,1)),94vw);aspect-ratio:1;border-radius:50%;
  border:2px solid var(--wc);box-shadow:0 0 28px var(--wc),inset 0 0 28px var(--wc);pointer-events:none;z-index:5;opacity:0;
  transform:translate(-50%,-50%) scale(.25);animation:wave .9s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes wave{0%{opacity:.9;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.m-emblem{position:absolute;left:50%;top:var(--card-cy,39%);width:calc(var(--card-w,240px) * 1.15);aspect-ratio:1;color:var(--rc);z-index:4;
  pointer-events:none;opacity:0;animation:emblem 1.5s cubic-bezier(.2,.8,.3,1) forwards}
.m-emblem svg{display:block;width:100%;height:100%}
@keyframes emblem{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-12deg)}22%{opacity:.85;transform:translate(-50%,-50%) scale(1.05) rotate(2deg)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.35) rotate(8deg)}}
.modal[data-state="revealed"] .m-rar .rico{animation:ricoPop .8s .15s cubic-bezier(.2,1.5,.4,1) both}
@keyframes ricoPop{0%{transform:scale(.4) rotate(-20deg)}60%{transform:scale(1.35) rotate(6deg)}100%{transform:none}}
.modal[data-state="revealed"] .m-result{transition-delay:var(--settle,.45s)}
.st.s-cancelled{color:#FFB0B0;background:rgba(255,92,92,.1)}
.cd-meta>div:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:420px){.cd-meta{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){
  .ui-modal.wide .um-box:has(.cd){overflow-x:hidden;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding-top:22px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .cd{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) auto auto;column-gap:16px;row-gap:0;align-items:start}
  .cd-info{display:contents}
  .cd-vis{grid-column:1;grid-row:1/4;padding:0}
  .cd-vis::before{width:100%}
  .cd .tcard.tcard-detail{--w:clamp(88px,27vw,124px)}
  .cd-info>:first-child{grid-column:2;grid-row:1;align-self:end;justify-self:start}
  .cd-info h2{grid-column:2;grid-row:2;font-size:22px;margin:6px 0 2px}
  .cd-val{grid-column:2;grid-row:3;font-size:26px;margin:0}
  .cd-meta{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 14px;border-radius:14px}
  .cd-meta div{padding:9px 12px}
  .cd-meta span{font-size:10px;letter-spacing:.1em;margin-bottom:2px}
  .cd-meta b{font-size:13px}
  .cd-acts{grid-column:1/-1;grid-row:5;gap:8px}
  .cd-acts .btn{padding-top:13px;padding-bottom:13px}
}
.addr-field{position:relative}
.addr-suggest{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:4px;padding:6px;list-style:none;border-radius:14px;background:#111214;
  box-shadow:inset 0 0 0 1px rgba(247,247,244,.14),0 18px 40px rgba(0,0,0,.55);max-height:260px;overflow-y:auto}
.addr-suggest li{padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;color:var(--soft);line-height:1.35}
.addr-suggest li small{display:block;font-size:12px;color:var(--mute)}
.addr-suggest li:hover,.addr-suggest li.is-active{background:rgba(49,92,255,.16);color:var(--tp-white)}
.profile-handle{font-family:var(--mono);font-weight:500;letter-spacing:-.04em;overflow-wrap:anywhere}
.uname-status{display:block;min-height:1em;font-size:12.5px;color:var(--mute)}
.uname-status:empty{display:none}
.uname-status.is-ok{color:var(--up)}
.uname-status.is-bad{color:#FF7A7A}
:root{--xp-fs-label:13px;--xp-fs-meta:12px;--xp-fs-strong:15px;--xp-track-h:4px;--xp-track-h-lg:6px;--xp-badge-h:24px}
.xp-track{display:block;height:var(--xp-track-h);border-radius:999px;background:rgba(247,247,244,.09);overflow:hidden}
.xp-track-lg{height:var(--xp-track-h-lg)}
.xp-fill{display:block;height:100%;width:var(--xp-to,0%);border-radius:inherit;background:linear-gradient(90deg,var(--tp-blue),#7C9BFF)}
.is-max .xp-fill{background:linear-gradient(90deg,#7C9BFF,var(--tp-white))}
.xp-fill.is-animated{animation:xpFill 1.1s cubic-bezier(.2,.8,.2,1) .35s both}
@keyframes xpFill{from{width:var(--xp-from,0%)}to{width:var(--xp-to,0%)}}
.lvl-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;white-space:nowrap}
.lvl-num{font-size:var(--xp-fs-label);font-weight:700;line-height:1.2;color:var(--tp-white)}
.lvl-xp{font-size:var(--xp-fs-meta);line-height:1.2;color:var(--mute)}
.lvl{display:flex;flex-direction:column;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);min-width:136px}
@media (max-width:640px){.hdr .lvl{min-width:0;padding:0 14px}.hdr .lvl .lvl-xp{display:none}.hdr .lvl .xp-track{width:48px}}
@media (max-width:480px){.hdr .lvl{display:none}}
@media (max-width:360px){.hdr .wordmark{--logo-h:16px}}
.msheet .ms-level{display:flex;flex-direction:column;gap:10px;margin:0 0 18px;padding:16px 18px;border-radius:16px;background:var(--surface)}
.msheet .ms-level .lvl-num{font-size:var(--xp-fs-strong);font-weight:600}
.msheet{padding:12px 6vw calc(24px + env(safe-area-inset-bottom,0px));gap:0}
.msheet a.big{display:flex;align-items:center;min-height:48px;padding:6px 0;font-size:clamp(17px,1.2vw + 13px,20px);font-weight:600;line-height:1.25;letter-spacing:-.02em}
.msheet .ms-bal{margin:0 0 8px;padding:10px 14px;border-radius:12px;font-size:14px}
.msheet .ms-bal b{font-size:18px}
.msheet .ms-level{gap:8px;margin:0 0 6px;padding:10px 14px;border-radius:12px}
.msheet .ms-actions{gap:8px;margin-top:16px}
.msheet .ms-actions .btn{min-height:48px;padding:13px 22px 14px;font-size:15px}
.lvl-badge{display:inline-flex;align-items:center;gap:5px;height:var(--xp-badge-h);padding:0 10px 0 8px;border-radius:999px;font-size:var(--xp-fs-meta);font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap;color:#B9C8FF;background:rgba(49,92,255,.14);box-shadow:inset 0 0 0 1px rgba(124,155,255,.38)}
.lvl-badge svg{width:12px;height:12px;flex:none}
.rc-lines>.rc-xp{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.rc-xp-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0}
.rc-lines .rc-xp-gain{color:#9DB3FF}
.rc-xp-level{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}
.rc-xp-level b{font-size:var(--xp-fs-strong);font-weight:700;color:var(--tp-white)}
.rc-lines .rc-xp-meta{font-size:var(--xp-fs-meta);font-weight:500;color:var(--mute);white-space:nowrap}
.profile-name{overflow-wrap:anywhere}
.profile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px}
.profile-meta .profile-handle{font-size:var(--xp-fs-strong);font-weight:500;letter-spacing:-.01em;color:var(--soft)}

:root{--st-radius:20px;--st-row-y:18px;--st-row-x:22px;--st-fs-title:20px;--st-fs-label:15px;--st-fs-help:13px}
.settings-page{max-width:1100px}
.st-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;align-items:start}
.st-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px}
.st-nav a{padding:9px 14px;border-radius:12px;font-size:14px;font-weight:600;color:var(--soft)}
.st-nav a:hover,.st-nav a:focus-visible{background:rgba(247,247,244,.05);color:var(--tp-white)}
.st-main{display:flex;flex-direction:column;gap:44px;min-width:0;max-width:760px}
.st-section{scroll-margin-top:96px}
.st-head{margin-bottom:14px}
.st-head h2{font-size:var(--st-fs-title);letter-spacing:-.02em;margin:0 0 6px}
.st-head p{margin:0;font-size:var(--st-fs-help);line-height:1.5;color:var(--mute);max-width:560px}
.st-card{border-radius:var(--st-radius);background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line)}
.st-row{padding:var(--st-row-y) var(--st-row-x)}
.st-row+.st-row{border-top:1px solid var(--line)}
.st-label{display:flex;flex-direction:column;gap:3px;min-width:0}
.st-label b{font-size:var(--st-fs-label);font-weight:600;color:var(--tp-white)}
.st-label>span{font-size:var(--st-fs-help);line-height:1.45;color:var(--mute);overflow-wrap:anywhere}
.st-row-inline{display:flex;align-items:center;justify-content:space-between;gap:20px}
.st-row-inline .btn{flex:none}
details.st-row>summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;cursor:pointer;list-style:none;border-radius:12px;margin:-6px -8px;padding:6px 8px}
details.st-row>summary::-webkit-details-marker{display:none}
details.st-row>summary:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:2px}
details.st-row>summary .st-label{flex:1 1 220px}
.st-toggle{flex:none;font-size:14px;font-weight:700;color:var(--tp-blue-hi)}
.st-toggle .st-close,details[open] .st-toggle .st-open{display:none}
details[open] .st-toggle .st-close{display:inline}
.st-form{display:flex;flex-direction:column;gap:14px;margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}
.st-form>.field,.st-form>.st-fields{max-width:520px}
.st-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.st-form-actions{display:flex;flex-wrap:wrap;gap:10px}
.st-hint{margin:-4px 0 0;font-size:var(--st-fs-help);color:var(--mute)}
.st-hint .link-btn{padding:0 4px;font-size:inherit}
.st-limit-value{flex:none;font-size:17px;font-weight:600;color:var(--tp-white)}
.st-none{font-size:var(--st-fs-help);font-weight:600;color:var(--mute)}
.st-pending{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 14px;border-radius:12px;background:rgba(49,92,255,.1);box-shadow:inset 0 0 0 1px rgba(124,155,255,.3);font-size:var(--st-fs-help)}
.st-pending b{font-weight:600;color:#B9C8FF}
.st-pending span{color:var(--soft)}
.st-limit-form>.field{max-width:340px}
@media (max-width:900px){.st-layout{grid-template-columns:minmax(0,1fr);gap:24px}.st-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:4px 20px;padding-bottom:10px;border-bottom:1px solid var(--line)}.st-nav a{padding:4px 0;border-radius:0}.st-nav a:hover,.st-nav a:focus-visible{background:none;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.st-main{gap:36px}}
@media (max-width:560px){:root{--st-row-x:16px;--st-row-y:16px}.st-fields{grid-template-columns:minmax(0,1fr)}.st-row-inline{align-items:flex-start}.st-form>.field,.st-form>.st-fields,.st-limit-form>.field{max-width:none}
  details.st-limit>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 14px}details.st-limit>summary .st-label{grid-row:1/3}details.st-limit>summary .st-limit-value,details.st-limit>summary .st-toggle{grid-column:2;justify-self:end}details.st-limit>summary .st-pending{grid-column:1/-1;margin-top:6px}}

.switch{position:relative;flex:none;display:inline-flex;width:46px;height:28px}
.switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.switch-ui{position:absolute;inset:0;border-radius:999px;background:rgba(247,247,244,.14);transition:background .2s}
.switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--tp-white);transition:transform .2s}
.switch input:checked+.switch-ui{background:var(--tp-blue)}
.switch input:checked+.switch-ui::after{transform:translateX(18px)}
.switch input:focus-visible+.switch-ui{outline:2px solid var(--tp-blue-hi);outline-offset:3px}
.switch input:disabled{cursor:not-allowed}

.sus{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 260px);padding-top:24px;padding-bottom:24px}
.sus-box{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:flex-start}
.sus-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:26px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--soft)}
.sus-icon svg{width:26px;height:26px}
.sus .kicker{margin-bottom:10px}
.sus h1{margin:0 0 20px;font-weight:700;font-size:clamp(40px,5vw,76px);line-height:.95;letter-spacing:-.055em}
.sus h1 i{font-style:normal;color:var(--tp-blue)}
.sus-lead{margin:0;font-size:17px;line-height:1.6;color:var(--soft);max-width:540px}
.sus-reason{width:100%;margin-top:28px;padding:18px 20px;border-radius:var(--st-radius);background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line)}
.sus-reason span{display:block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.sus-reason p{margin:0;font-size:15px;line-height:1.55;color:var(--tp-white);overflow-wrap:anywhere}
.sus-foot{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.sus-who{font-size:var(--st-fs-help);color:var(--mute)}
.sus-who b{color:var(--soft);font-weight:500}

.foot-cookies{padding:0;font-size:inherit;color:inherit}
.cc{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;width:min(640px,calc(100vw - 32px))}
.cc[hidden]{display:none}
.cc-inner{display:flex;align-items:center;gap:14px 20px;padding:14px 16px 14px 20px;border-radius:var(--st-radius);background:#0E0F11;box-shadow:inset 0 0 0 1px rgba(247,247,244,.12),0 20px 50px -20px rgba(0,0,0,.8)}
.cc-text{flex:1 1 auto;margin:0;font-size:var(--st-fs-help);line-height:1.5;color:var(--soft)}
.cc-now{color:var(--tp-white)}
.cc-actions{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-actions .btn{justify-content:center;min-width:112px}
@media (max-width:620px){.cc-inner{flex-direction:column;align-items:stretch;padding:16px}.cc-actions .btn{min-width:0}}
@media (max-width:420px){.cc{bottom:10px;width:calc(100vw - 20px)}}
.pay-secure{margin:14px 0 0;font-size:12px;color:var(--mute);text-align:center}
.um-name{margin-top:6px;font-weight:700;font-size:20px;letter-spacing:-.03em}
.auth-status{margin:0 0 18px;padding:14px 16px;border-radius:14px;background:rgba(49,92,255,.1);box-shadow:inset 0 0 0 1px rgba(124,155,255,.3);font-size:14px;line-height:1.5;color:var(--soft)}
.legal-body{max-width:720px}
.legal-body h2{margin:32px 0 10px;font-size:20px;letter-spacing:-.02em}
.legal-body p{margin:0 0 14px;font-size:15px;line-height:1.7;color:var(--soft)}
.legal-body .legal-note{padding:12px 16px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--mute)}

.contents{display:contents}
.text-up{color:var(--up)}
.avatar-wrap{position:relative}
.bd-feature-card .tcard{--w:100cqw}
.m-front .tcard{--w:var(--card-w)}
.swipe{--p:0;--track:313px}
.rc-head h2 i{font-style:normal;color:var(--tp-blue)}
.s-far1 .tcard{--w:clamp(92px,7.4vw,118px)}
.s-far2 .tcard{--w:clamp(98px,7.8vw,124px)}
.s-back1 .tcard{--w:clamp(118px,9.6vw,152px)}
.s-back2 .tcard{--w:clamp(128px,10.4vw,168px)}
.s-front .tcard{--w:clamp(190px,17vw,262px)}
.step-vis>.tcard{--w:128px}
.sv-choice .tcard{--w:96px}
.sv-stack .tcard{--w:104px}
.sv-stack.is-tall{height:190px}
.sv-stack.is-tall .tcard{--w:100px}
.val-demo .tcard{--w:110px}
.final-vis .c1 .tcard{--w:150px}
.final-vis .c2 .tcard{--w:160px}
.bgrid.home{margin-top:80px}
.home-more{display:flex;justify-content:center;margin-top:60px}
#lastpulls{padding-top:20px}
.sec-head.is-stacked{display:block}
.faq-cta{margin-top:40px}
.auth-vis .a1{--w:170px}
.auth-vis .a2{--w:230px}
.auth-vis .a3{--w:180px}
.history{max-width:1000px}
#histTabs{margin-bottom:34px}
.rows.history-day{border-radius:18px;margin-bottom:8px}
.history .ico.mono{font-size:13px}
.shipments{max-width:1100px}
.shipment-head{margin-bottom:26px}
.shipment-head h1{font-family:var(--mono);font-weight:500;letter-spacing:-.04em}
.shipment-cards{margin-top:40px}
.shipment-cards .mono{color:var(--mute);font-size:13px}
.panel .fee-note{font-size:14px}
.pay-label{margin:0 0 7px;font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--mute)}
.pay-block,.card-fields{display:flex;flex-direction:column;gap:var(--space-sm)}
.card-fields .pm-note{margin:0}
.pay-submit{margin-top:20px}
.xpay{margin:0 0 18px}
.pay-or{display:flex;align-items:center;gap:12px;margin:16px 0 0;font-size:12px;color:var(--mute)}
.pay-or::before,.pay-or::after{content:"";flex:1;height:1px;background:var(--line)}
#amtField{margin-bottom:18px}
.m-skip{position:absolute;top:8px;right:0;z-index:11;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--soft);background:rgba(247,247,244,.06);box-shadow:inset 0 0 0 1px rgba(247,247,244,.12);transition:color .2s,background .2s}
.m-skip:hover{color:var(--tp-white);background:rgba(247,247,244,.1)}
.m-skip:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:3px}

.cr-banner{margin-bottom:var(--cr-gap);padding:16px 20px;border-radius:18px;background:rgba(255,184,77,.08);box-shadow:inset 0 0 0 1px rgba(255,184,77,.35);color:var(--soft);font-size:15px;line-height:1.5}
.cr-banner b{color:var(--tp-white)}
.cr-page{--cr-gap:24px}
.cr-period{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:20px}
.cr-range{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;color:var(--soft)}
.cr-range span{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cr-range b{color:var(--tp-white);font-weight:600}
.cr-range small{color:var(--mute);font-size:12px}
.cr-tops{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--cr-gap);margin-bottom:var(--cr-gap)}
.cr-tops-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cr-gap);min-width:0}
.cr-top{border-radius:20px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line);padding:18px 24px;min-width:0}
.cr-top-main{background:radial-gradient(130% 150% at 0% 0%,rgba(49,92,255,.32),transparent 62%),#0E0F11;box-shadow:inset 0 0 0 1px rgba(82,119,255,.5)}
.cr-top-v{font-size:clamp(15px,1.5vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1.15;white-space:nowrap}
.cr-top-main .cr-top-v{font-size:clamp(22px,2.3vw,34px)}
.cr-top small{display:block;margin-top:6px;color:var(--mute);font-size:12.5px;line-height:1.4}
.cr-k{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--mute);margin-bottom:6px}
.cr-k-gap{margin-top:18px}
.cr-dash{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--cr-gap);align-items:start}
.cr-col{display:flex;flex-direction:column;gap:var(--cr-gap);min-width:0}
.cr-card{border-radius:24px;background:#0E0F11;box-shadow:inset 0 0 0 1px var(--line);padding:24px;min-width:0}
.cr-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;margin-bottom:16px}
.cr-card-h h2{font-weight:700;font-size:22px;letter-spacing:-.04em}
.cr-card-h .link{font-size:14px}
.cr-muted{color:var(--mute);font-size:13px}
.cr-pill{display:inline-flex;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(255,184,77,.12);color:#FFB84D}
.cr-pill.on{background:rgba(61,220,132,.12);color:var(--up)}
.cr-note{margin-top:14px;color:var(--mute);font-size:13.5px;line-height:1.55}
.cr-empty{color:var(--mute);font-size:14px;line-height:1.5}
.cr-off{display:block;margin-top:8px;color:#FFB84D;font-size:13px}
.cr-copy-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.cr-copy-row .input{flex:1 1 12rem;min-width:0}
.cr-copy-row .btn{flex:none}
.cr-code-v{flex:1 1 auto;font-size:26px;font-weight:600;letter-spacing:.02em;overflow-wrap:anywhere;min-width:0}
.cr-copy-row .btn.is-copied{background:rgba(61,220,132,.14);color:var(--up);box-shadow:inset 0 0 0 1.5px rgba(61,220,132,.45)}
.cr-kpis{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.cr-kpi{display:block;flex:1 1 7.5rem;border-radius:14px;background:var(--surface);padding:12px 14px;color:inherit;text-decoration:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s,background .15s}
a.cr-kpi:hover{box-shadow:inset 0 0 0 1px rgba(247,247,244,.22)}
a.cr-kpi:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:2px}
.cr-kpi.on{background:rgba(49,92,255,.14);box-shadow:inset 0 0 0 1.5px var(--tp-blue-hi)}
.cr-kpi span{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.3;color:var(--mute);margin-bottom:6px}
.cr-kpi.on span{color:var(--tp-soft)}
.cr-kpi b{font-size:18px;font-weight:600;white-space:nowrap}
.cr-kpi-static{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.cr-chart{margin:0}
.cr-chart figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;color:var(--mute);font-size:13px;margin-bottom:10px}
.cr-chart figcaption b{color:var(--tp-white);font-weight:600}
.cr-chart-max{font-family:var(--mono);font-size:12px}
.cr-plot{position:relative;display:flex;align-items:stretch;gap:2px;height:200px;border-bottom:1px solid rgba(247,247,244,.2);background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 25%}
.cr-bar-col{flex:1 1 0;min-width:0;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}
.cr-bar{width:100%;max-width:18px;height:var(--h);min-height:2px;border-radius:4px 4px 0 0;background:var(--tp-blue-hi);transition:background .12s}
.cr-bar.zero{min-height:0}
.cr-bar-col:hover .cr-bar,.cr-bar-col.on .cr-bar{background:#8AA2FF}
.cr-plot-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--mute);font-size:14px;text-align:center;padding:0 12px}
.cr-readout{min-height:20px;margin-top:8px;font-size:13px;color:var(--soft)}
.cr-axis{display:flex;gap:2px;margin-top:4px;overflow:hidden;contain:inline-size}
.cr-axis span{flex:1 1 0;min-width:0;font-size:11px;color:var(--mute);white-space:nowrap;overflow:visible}
.cr-data{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.cr-data summary{cursor:pointer;font-size:14px;color:var(--soft)}
.cr-data summary:focus-visible{outline:2px solid var(--tp-blue-hi);outline-offset:2px;border-radius:6px}
.cr-data-scroll{max-height:320px;overflow:auto;margin-top:10px}
.cr-data table{width:100%;border-collapse:collapse;font-size:13px}
.cr-data th,.cr-data td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.cr-data th:first-child{text-align:left;font-weight:500;color:var(--soft)}
.cr-data thead th{position:sticky;top:0;background:#0E0F11;color:var(--mute);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.cr-dl{display:grid;gap:0}
.cr-dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-top:1px solid var(--line)}
.cr-dl>div:first-child{border-top:0;padding-top:0}
.cr-dl dt{color:var(--soft);font-size:14px}
.cr-dl dd{font-weight:600;font-size:15px;white-space:nowrap;text-align:right}
.cr-dl .cr-total dt{color:var(--tp-white);font-weight:700}
.cr-dl .cr-total dd{font-size:17px}
.cr-dl .cr-remaining{margin-top:8px;padding:16px 18px;border:0;border-radius:16px;background:rgba(49,92,255,.14);box-shadow:inset 0 0 0 1px rgba(82,119,255,.45)}
.cr-dl .cr-remaining dt{color:var(--tp-white);font-weight:700;font-size:15px}
.cr-dl .cr-remaining dd{font-size:24px}
.cr-inline-link{margin-left:6px;font-size:12.5px}
.cr-rw small{display:block}
.cr-rw .ico{font-size:14px}
.cr-guarantee{margin-bottom:10px;color:var(--soft);font-size:14px;line-height:1.5}
.cr-guarantee small{display:block;color:var(--mute);font-size:12.5px}
.cr-gms{margin-top:12px}
.cr-gm{padding:12px 0;border-top:1px solid var(--line)}
.cr-gm dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 0}
.cr-gm dt{color:var(--mute);font-size:12px}
.cr-gm dd{margin:2px 0 0;font-size:14px;white-space:nowrap}
.cr-gm div:last-child dd{color:var(--tp-white);font-weight:600}
.cr-tabs{margin-bottom:20px}
.cr-back{margin-top:20px}
@media (max-width:1000px){.cr-tops{grid-template-columns:minmax(0,1fr)}.cr-top-v{font-size:26px}.cr-top-main .cr-top-v{font-size:34px}.cr-dash{display:flex;flex-direction:column;align-items:stretch}.cr-col{display:contents}.cr-share{order:1}.cr-perf{order:2}.cr-due{order:3}.cr-terms{order:4}.cr-mg{order:5}.cr-latest{order:6}.cr-payouts{order:7}}
@media (max-width:700px){.cr-top-v{font-size:22px}.cr-top-main .cr-top-v{font-size:28px}}
@media (max-width:560px){.cr-page{--cr-gap:16px}.cr-axis-minor{visibility:hidden}.cr-card{padding:18px;border-radius:20px}.cr-card-h h2{font-size:20px}.cr-top{padding:14px 18px;border-radius:16px}.cr-top-v{font-size:20px}.cr-top-main .cr-top-v{font-size:24px}.cr-kpi b{font-size:16px}.cr-plot{height:160px}.cr-code-v{font-size:22px}.cr-copy-row{flex-wrap:wrap}.cr-copy-row .input{flex:1 1 100%}.cr-copy-row .btn{width:100%}.cr-dl .cr-remaining dd{font-size:21px}}
@media (max-width:420px){.cr-gm dl{grid-template-columns:minmax(0,1fr);gap:4px}.cr-gm dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.cr-gm dd{margin:0}}
@media (max-width:400px){.cr-tops-group{grid-template-columns:minmax(0,1fr)}.cr-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px}.cr-top .cr-k{margin:0}.cr-top small{grid-column:1/-1;margin-top:2px}.cr-top-v{font-size:20px;text-align:right}.cr-top-main .cr-top-v{font-size:24px}}