:root{--paper:#f5f3ec;--ink:#19221e;--muted:#656c65;--line:#d6d8ce;--lime:#e5ff53}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #527744;outline-offset:5px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;font-weight:900;letter-spacing:-1.3px}.wordmark>span{font-size:12px;vertical-align:top;margin-left:3px}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:19px 23px;border:0;border-radius:5px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#344639;color:white}.button span{font-size:20px;font-weight:400}.small{padding:13px 18px}.dark{background:var(--ink);color:white}.lime{background:var(--lime);color:var(--ink)}.hero{padding:68px 5% 0;display:grid;grid-template-columns:1.08fr 1fr;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62824b;box-shadow:0 0 0 4px #62824b12}h1{font-size:clamp(55px,6.3vw,100px);font-weight:500;letter-spacing:-5px;line-height:1.02;margin:29px 0 25px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}p{font-size:15px;line-height:1.75;color:var(--muted)}.hero-copy>p{max-width:330px}.actions{display:flex;align-items:center;gap:24px;margin-top:31px}.text-link{font-size:12px}.play{border:1px solid var(--ink);padding:6px 8px;border-radius:50%;margin-right:6px}.hero-note{display:flex;align-items:center;margin:37px 0 50px;font-size:10px;line-height:1.6;color:var(--muted)}.hero-note>span:last-child{margin-left:13px}.mini-avatar{width:30px;height:30px;background:#d5d5c8;display:grid;place-items:center;border:2px solid var(--paper);border-radius:50%;color:var(--ink);font-weight:700}.mini-avatar.bot{margin-left:-7px;background:var(--lime)}.hero-art{position:relative;min-height:470px;perspective:1000px}.orbit{position:absolute;border:1px solid #d8dbcf;border-radius:50%;width:450px;height:450px;left:8%;top:0}.orbit-two{transform:scale(.74)}.art-caption{position:absolute;left:21%;bottom:37px;font-size:8px;letter-spacing:2.6px}.pack{position:absolute;width:210px;height:310px;border:1px solid #77816b;padding:28px 20px 24px;display:flex;flex-direction:column;align-items:center;box-shadow:16px 25px 30px #19221e28;overflow:hidden;background:linear-gradient(110deg,#b4c499,#f7ffe6 20%,#c4d3ae 45%,#e4edcf 53%,#9eb587 80%,#d5e8b8);color:#263d27}.pack:before,.pack:after{content:'';position:absolute;left:0;right:0;height:13px;background:repeating-linear-gradient(90deg,#0002 0 1px,#fff5 1px 3px);border-bottom:1px solid #0003;top:0}.pack:after{top:auto;bottom:0}.pack .pack-brand{font-size:18px;letter-spacing:-1px;font-weight:900}.pack small{font-size:6px;letter-spacing:2px;margin-top:13px}.pack strong{font-size:40px;line-height:.92;letter-spacing:-2px;text-align:center;z-index:1}.pack-icon{font-size:96px;line-height:1.2}.pack-bottom{font-size:6px;letter-spacing:1px;margin-top:auto}.front{left:38%;top:70px;transform:rotate(13deg);animation:floatfront 7s ease-in-out infinite}.back{left:8%;top:41px;transform:rotate(-17deg);background:linear-gradient(115deg,#afbbb9,#eff0e5 28%,#bac6c3 40%,#eff3e9 60%,#9caeaa);color:#344e48;animation:floatback 8s ease-in-out infinite}.back .pack-icon{font-size:112px}.back strong{font-size:26px}.floating-label{position:absolute;background:#fffffff2;border:1px solid #d9ded4;box-shadow:0 8px 24px #1c312b0c;border-radius:6px;z-index:2}.top-label{right:0;top:22px;padding:13px 15px;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.top-label strong{font-size:7px;border:1px solid #dbe2d4;padding:4px;border-radius:3px}.value-label{left:3%;bottom:70px;padding:17px 22px;width:164px;transform:rotate(-5deg)}.value-label small{font-size:8px;letter-spacing:1px}.value-label>strong{display:block;font-size:29px;letter-spacing:-1px;margin:9px 0 13px}.value-label strong span{font-size:17px;color:#8a9187}.value-label>div{border-top:1px solid var(--line);padding-top:10px;font-size:8px;display:flex;justify-content:space-between}.value-label b{font-size:15px}.crosshair{position:absolute;bottom:70px;right:18px;font-size:24px;font-weight:200}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;height:66px;font-size:8px;letter-spacing:1.5px}.hero-bottom a{font-size:22px}.ticker{background:var(--lime);padding:20px 0;overflow:hidden;border-top:1px solid #c6d54d;border-bottom:1px solid #c6d54d}.ticker>div{width:max-content;white-space:nowrap;font-size:12px;letter-spacing:1.6px;animation:marquee 40s linear infinite}.ticker b{margin:0 40px;font-size:20px}.section{padding:86px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:36px}h2{font-size:clamp(38px,4.3vw,66px);font-weight:400;line-height:1.05;letter-spacing:-2.3px;margin:22px 0 0}.section-heading p{font-size:13px;margin-bottom:3px}.market-toolbar{display:flex;align-items:center;justify-content:space-between;margin:34px 0 24px;gap:16px}.filters{display:flex;gap:7px}.filters button{background:none;border:1px solid var(--line);padding:10px 17px;border-radius:30px;font-size:11px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.demo-label{font-size:8px;letter-spacing:1px;color:var(--muted)}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.market-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .25s,box-shadow .25s}.market-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #19221e0a}.market-image{height:222px;position:relative;background:var(--tint);overflow:hidden;display:grid;place-items:center}.market-image:before{content:'';width:190px;height:190px;border:1px solid #ffffff80;border-radius:50%;position:absolute}.market-image .pack{position:relative;width:104px;height:154px;left:auto;top:auto;padding:18px 9px;transform:rotate(-12deg);background:var(--foil);box-shadow:10px 14px 15px #19221e28;transition:transform .4s}.market-card:hover .pack{transform:rotate(0) translateY(-4px)}.market-image .pack-brand{font-size:10px}.market-image .pack small{font-size:5px;margin-top:7px;letter-spacing:1px}.market-image .pack-icon{font-size:43px}.market-image .pack strong{font-size:19px;letter-spacing:-1px}.market-image .pack-bottom{font-size:4px;letter-spacing:0}.market-image .pack:before,.market-image .pack:after{height:7px}.market-badge{position:absolute;top:15px;left:15px;font-size:7px;letter-spacing:1px;background:#f5f3ecbb;padding:6px 8px;border-radius:3px}.market-count{position:absolute;right:15px;bottom:15px;font-size:8px;letter-spacing:1px}.market-info{padding:21px}.market-title{display:flex;align-items:center;justify-content:space-between}.market-title h3{font-size:21px;margin:0;letter-spacing:-.6px}.market-title>span{font-size:8px;border:1px solid var(--line);padding:5px 7px;border-radius:3px}.market-info>p{font-size:11px;margin:8px 0 20px;min-height:19px}.market-stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.market-stats small{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.market-stats b{font-size:17px;font-weight:500}.market-card button{width:100%;margin-top:18px;border:1px solid var(--line);background:transparent;padding:11px 13px;border-radius:3px;text-align:left;display:flex;justify-content:space-between;font-size:11px}.market-card button:hover{background:var(--ink);color:white}.how{padding-top:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:48px}.steps article{border-top:1px solid var(--ink);padding-top:19px}.steps article>span{font-size:10px;color:var(--muted)}h3{font-size:19px;font-weight:500}.steps p{font-size:12px;max-width:240px}.demo-section{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:72px 9%}.demo-section p{color:#b6bfb4;font-size:13px}.demo-intro h2{font-size:80px}.demo-section .dot{background:var(--lime)}.bundle{border-top:1px solid #ffffff25;margin-top:28px}.bundle>div{display:flex;justify-content:space-between;font-size:11px;padding:12px 0;border-bottom:1px solid #ffffff25}.bundle b{font-weight:400;color:var(--lime)}.demo-section .fine{font-size:10px;max-width:350px;margin-top:20px}.prediction-panel{align-self:center;background:#253029;border:1px solid #50604d;border-radius:8px;padding:24px}.panel-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.panel-top>span:first-child{color:var(--lime)}.pool{padding:36px 0 30px;text-align:center;display:flex;flex-direction:column;gap:8px}.pool>span{font-size:10px;color:#b6bfb4}.pool strong{font-size:52px;letter-spacing:-2px;font-weight:400}.pool>span:last-child{font-size:8px}label{font-size:11px}.input-wrap{display:flex;align-items:center;border:1px solid #83907b;border-radius:4px;padding:14px;margin-top:10px;gap:10px}.input-wrap>span:first-child{font-size:27px;color:#a9b6a2}.input-wrap>span:last-child{font-size:10px}.input-wrap input{background:none;color:white;font-size:30px;width:100%;min-width:0;border:0;outline-offset:2px}.range-caption{font-size:8px;display:flex;justify-content:space-between;margin:12px 0 22px;color:#bdc7b8}.prediction-panel .button{width:100%}.oracle-mini{border-top:1px solid #ffffff22;margin-top:24px;padding-top:16px;font-size:8px;line-height:1.8;color:#c0cbbc}.oracle-mini a{display:block;color:var(--lime)}.oracle{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.oracle>div>p{max-width:390px;font-size:13px}details{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font-size:11px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}details p{font-size:12px}.value-proof{border:1px solid var(--line);border-radius:6px;background:#efeee5;padding:30px}.proof-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);font-size:11px;gap:12px}.proof-row strong,.proof-row del{font-size:32px;letter-spacing:-1px;font-weight:400}.muted{color:#82887f}.proof-row i{color:#588c3f}.value-proof>p{font-size:10px!important}.yield-equation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:29px;font-size:20px}.yield-equation small{display:block;font-size:6px;letter-spacing:.5px;margin-top:7px}.yield-tag{background:var(--lime);padding:13px 10px;border-radius:3px}.value-proof>small{font-size:8px;line-height:1.7;display:block;margin-top:19px;color:var(--muted)}.agents{border-top:1px solid var(--line)}.agent-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%}.agent-layout>div>p{font-size:13px;max-width:320px}.agent-note{display:flex;gap:14px;margin-top:25px;align-items:center;font-size:11px}.agent-note>span{font-size:30px;background:#e8e8dc;border-radius:7px;padding:10px}.agent-note p{font-size:11px;margin:5px 0}.leaderboard{border:1px solid var(--line);border-radius:6px;align-self:center;overflow:hidden}.table-heading{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.table-heading strong{font-size:12px;font-weight:500}.table-heading>span{font-size:7px;color:var(--muted)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:11px}th{font-size:7px;letter-spacing:.5px;color:var(--muted);font-weight:400;background:#ebece2}td,th{padding:15px 12px;border-top:1px solid var(--line)}td small{font-size:6px;background:#e1e6d7;padding:3px;border-radius:2px;margin-left:5px}.rank{font-size:8px;color:#777e70;margin-right:8px}.prizes{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:0}.prize{padding:37px;background:#e6e9dc;border-radius:5px;position:relative;overflow:hidden}.prize:last-child{background:#e9e7df}.prize h2{font-size:51px}.prize p{font-size:12px;margin-top:23px}.prize-symbol{position:absolute;right:30px;top:65px;font-size:130px;font-weight:300;color:#63735450;transform:rotate(-12deg)}.closing{text-align:center;padding:65px 5% 90px}.closing .eyebrow{justify-content:center;font-size:8px}.closing h2{font-size:clamp(64px,10vw,150px);letter-spacing:-5px;margin:24px 0 29px}.closing p{font-size:11px}footer{margin:0 5%;padding:26px 0;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:18px;border-top:1px solid var(--line)}footer>span{font-size:8px;letter-spacing:.5px}footer>p{width:100%;font-size:8px;max-width:850px;margin:0}#reveal{text-align:center}#reveal h3{font-size:12px;color:var(--lime)}.reveal-value{font-size:50px;margin:15px 0}.reveal-cards{display:flex;gap:9px;justify-content:center;margin:20px 0}.reveal-card{border:1px solid #a6b399;border-radius:5px;background:#344632;padding:14px 10px;flex:1;font-size:10px;animation:flip .7s both}.reveal-card span{display:block;font-size:26px;color:var(--lime);margin-bottom:10px}.result-text{font-size:12px;line-height:1.7;margin-bottom:20px}.progress-track{height:3px;background:#6b805d;margin:25px 0;overflow:hidden}.progress-track:after{content:'';display:block;height:100%;background:var(--lime);animation:progress 2s linear forwards}.reveal-card:nth-child(2){animation-delay:.15s}.reveal-card:nth-child(3){animation-delay:.3s}.reveal-card:nth-child(4){animation-delay:.45s}@keyframes floatfront{50%{transform:translateY(-12px) rotate(10deg)}}@keyframes floatback{50%{transform:translateY(9px) rotate(-13deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes progress{from{width:0}to{width:100%}}@keyframes flip{from{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@media(min-width:1500px){header,main,footer{max-width:1600px;margin-left:auto;margin-right:auto}.hero{padding-top:90px}.hero-art{min-height:530px}.pack.front{left:40%}}@media(max-width:900px){header{height:76px}nav{gap:15px;font-size:10px}.wordmark{font-size:20px}h1{letter-spacing:-3px}.hero{padding-top:48px;grid-template-columns:1.1fr 1fr}.hero-art{transform:scale(.85);transform-origin:center top;min-height:420px}.actions{gap:15px;flex-wrap:wrap}.hero-note{margin-bottom:30px}.front{left:35%}.back{left:0}.orbit{left:-15%;width:380px;height:380px}.top-label{right:-25px}.section{padding-top:60px;padding-bottom:60px}.market-grid{gap:12px}.market-info{padding:15px}.market-info>p{min-height:36px}.market-image{height:190px}.steps{gap:16px}.demo-section{gap:6%;padding:60px 5%}.oracle{gap:6%}.value-proof{padding:20px}.agent-layout{gap:4%;grid-template-columns:.7fr 1.3fr}.prize-symbol{right:12px;font-size:90px;top:85px}.prize{padding:28px}}@media(max-width:760px){header{padding:0 6%;height:72px}nav{display:none}.small{font-size:10px;padding:10px 12px;gap:12px}.hero{display:block;padding:39px 6% 0}.hero-copy{position:relative;z-index:3}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:57px;letter-spacing:-3.4px;margin:23px 0 20px}.hero-copy>p{font-size:14px;max-width:285px}.actions{margin-top:25px;gap:20px}.button{padding:16px 18px;font-size:11px}.small{padding:10px 12px;font-size:10px}.hero-note{margin-top:25px;margin-bottom:0}.hero-art{height:355px;min-height:0;transform:scale(.8);transform-origin:center center;margin:0 -5%}.front{left:43%;top:35px}.back{left:12%;top:15px}.orbit{left:10%;top:-20px}.top-label{top:5px;right:-5px}.value-label{bottom:15px;left:2%}.art-caption{bottom:-20px;left:20%}.crosshair{bottom:10px;right:0}.hero-bottom{margin-top:10px;font-size:6px;letter-spacing:.7px;height:52px}.hero-bottom>span:nth-child(2){display:none}.ticker{padding:13px 0}.ticker>div{font-size:10px}.ticker b{margin:0 23px}.section{padding:50px 6%}.section-heading{display:block;margin-bottom:24px}h2{font-size:40px;letter-spacing:-1.8px}.section-heading>p{margin-top:21px;font-size:12px}.market-toolbar{align-items:flex-start;flex-direction:column;margin-top:25px}.filters{gap:6px;width:100%}.filters button{font-size:10px;padding:9px 11px}.demo-label{font-size:7px}.market-grid{grid-template-columns:1fr;gap:20px}.market-image{height:230px}.market-image .pack{transform:rotate(-10deg) scale(1.15)}.market-info{padding:21px}.market-info>p{min-height:0}.market-title h3{font-size:24px}.market-card button{padding:14px}.steps{grid-template-columns:1fr 1fr;gap:22px;margin-top:29px}.steps h3{font-size:17px}.steps p{font-size:11px}.demo-section{display:block;padding:46px 6%}.demo-intro h2{font-size:62px}.demo-intro>p br{display:none}.prediction-panel{margin-top:29px;padding:20px}.pool{padding:27px 0}.oracle{display:block}.value-proof{margin-top:28px}.proof-row strong,.proof-row del{font-size:29px}.agent-layout{display:block}.leaderboard{margin-top:25px}.table-heading{padding:17px 12px}td,th{padding:15px 9px}td{font-size:10px}.rank{margin-right:3px}.prizes{display:block;padding-top:0}.prize{margin-bottom:16px}.prize h2{font-size:46px}.prize-symbol{right:30px;font-size:110px;top:55px}.closing{padding:25px 6% 55px}.closing .eyebrow{font-size:7px;line-height:1.6}.closing h2{font-size:67px;letter-spacing:-3px}footer{margin:0 6%}footer>span{font-size:7px}footer>span:nth-child(2){display:none}footer>p{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.progress-track:after{width:100%}}
.market-dialog{max-width:480px;width:calc(100% - 36px);padding:35px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;box-shadow:0 30px 100px #0004}.market-dialog::backdrop{background:#17221ba8;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:25px;padding:6px}.market-dialog h2{margin:25px 0}.market-dialog p{font-size:12px}.bundle-details{border-block:1px solid var(--line);margin:24px 0}.bundle-details p{display:flex;justify-content:space-between;gap:12px}.market-dialog .button{width:100%;margin-top:15px}[hidden]{display:none!important}

#motion-toggle{font-size:9px;background:none;border:1px solid var(--line);border-radius:4px;padding:9px;color:var(--ink)}.motion-paused *{animation-play-state:paused!important}

.wordmark{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.brand-icon{width:32px;height:32px;border-radius:6px;object-fit:cover}@media(max-width:760px){.brand-icon{width:27px;height:27px}.wordmark{font-size:19px;gap:6px}}

.pokemon-hero{position:absolute;width:173px;height:348px;object-fit:contain;left:12%;top:24px;filter:drop-shadow(12px 20px 13px #19221e30);background:none;box-shadow:none}.pokemon-market{height:184px;width:auto;object-fit:contain;transform:rotate(-10deg);filter:drop-shadow(8px 12px 9px #19221e25);transition:transform .4s}.market-card:hover .pokemon-market{transform:rotate(0) translateY(-4px)}@media(max-width:900px){.pokemon-hero{left:4%}.pokemon-market{height:165px}}@media(max-width:760px){.pokemon-hero{left:13%;top:0}.pokemon-market{height:200px}}

.bundle-hero{display:flex;align-items:center;justify-content:center;min-width:0}.bundle-hero-image{width:115%;max-width:none;height:auto;mix-blend-mode:multiply;animation:bundleFloat 7s ease-in-out infinite}.bundle-hero .top-label{top:12px;right:10px}.bundle-hero .art-caption{left:0;right:0;text-align:center;bottom:36px;font-size:7px;letter-spacing:1.6px}@keyframes bundleFloat{50%{transform:translateY(-9px) rotate(.5deg)}}@media(max-width:900px){.bundle-hero-image{width:115%}}@media(max-width:760px){.bundle-hero{height:315px;min-height:0;margin:18px 0 0;transform:none}.bundle-hero-image{width:108%}.bundle-hero .top-label{top:5px;font-size:7px}.bundle-hero .art-caption{bottom:0;font-size:6px}}

.pack-library{padding-bottom:20px}.exact-bundle{background:#e7e9dd;border:1px solid var(--line);border-radius:8px;padding:42px 30px 24px;overflow:hidden}.bundle-products{display:flex;justify-content:center;align-items:flex-end;gap:22px;min-height:245px}.bundle-products img{width:125px;height:215px;object-fit:contain;filter:drop-shadow(8px 15px 8px #19221e25);transform:rotate(-8deg);animation:bundleFloat 7s ease-in-out infinite}.bundle-products img:nth-child(2){height:250px;transform:rotate(-3deg);animation-delay:-2s}.bundle-products img:nth-child(3){transform:rotate(5deg);animation-delay:-4s}.bundle-products img:nth-child(4){transform:rotate(10deg);animation-delay:-1s}.bundle-plaque{border-top:1px solid #aab49c;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:20px;font-size:11px}.bundle-plaque span{font-size:8px;letter-spacing:1px}.individual-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.individual-packs figure{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.individual-packs figure>div{height:185px;background:#ebeae2;display:grid;place-items:center;padding:22px}.individual-packs img{max-width:100%;height:140px;object-fit:contain;transition:transform .25s}.individual-packs figure:hover img{transform:translateY(-5px)}.individual-packs figcaption{padding:18px}.individual-packs strong{font-size:13px;display:block}.individual-packs figcaption span{font-size:9px;color:var(--muted);display:block;margin-top:7px}.asset-note{font-size:10px;margin-top:16px}@media(max-width:760px){.individual-packs{grid-template-columns:1fr 1fr;gap:12px}.individual-packs figure>div{height:160px;padding:15px}.individual-packs img{height:125px}.individual-packs figcaption{padding:13px}.bundle-products{gap:8px;min-height:190px}.bundle-products img{width:21%;height:160px}.bundle-products img:nth-child(2){height:190px}.exact-bundle{padding:25px 14px 20px}.bundle-plaque{display:block}.bundle-plaque span{display:block;margin-top:9px;font-size:7px}}

.individual-packs figure>div{height:260px;padding:0;background:#f5f3ec}.individual-packs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.bundle-products img[src*="refined"]{width:190px;height:240px;mix-blend-mode:multiply;filter:none}.exact-bundle{background:#f5f3ec}.bundle-products{gap:0}@media(max-width:760px){.individual-packs figure>div{height:190px}.bundle-products img[src*="refined"]{width:25%;height:170px}.bundle-products img:nth-child(2){width:20%;height:180px}}

.market-image:has(.index-cube){height:270px;background:#f5f3ec}.market-image:has(.index-cube):before{display:none}.index-cube{height:245px;width:245px;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.market-card:hover .index-cube{transform:translateY(-4px) scale(1.025)}.market-image:has(.index-cube) .market-badge{z-index:1;background:#f5f3ecee}.market-image:has(.index-cube) .market-count{z-index:1}@media(max-width:760px){.market-image:has(.index-cube){height:290px}.index-cube{width:270px;height:270px}}
#theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:10px 13px;font-size:11px;line-height:1;transition:background .2s,color .2s,border-color .2s}.theme-glyph{font-size:15px;line-height:1}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle:hover{background:var(--ink);color:var(--paper)}

:root{--site-bg:#f5f3ec;--site-ink:#19221e;--site-muted:#656c65;--site-line:#d6d8ce;--site-surface:#fbfaf5;--site-stage:#eef0e7;--site-elevated:#efeee5;--site-accent:#e5ff53;--site-accent-ink:#19221e;--site-shadow:#19221e18;color-scheme:light}html[data-theme=dark]{--site-bg:#0c1210;--site-ink:#eef4ed;--site-muted:#a8b4a9;--site-line:#2c3b31;--site-surface:#121b16;--site-stage:#17241d;--site-elevated:#1a271f;--site-accent:#d9f15a;--site-accent-ink:#111710;--site-shadow:#00000055;color-scheme:dark}body{background:var(--site-bg)!important;color:var(--site-ink)!important;transition:background .25s,color .25s}body p{color:var(--site-muted)}header,footer{border-color:var(--site-line)}header{background:var(--site-bg)}a,button,h1,h2,h3,strong,small,label{color:var(--site-ink)}.wordmark{font-size:30px;gap:11px}.brand-icon{width:48px;height:48px;border-radius:10px}.market-card,.leaderboard,.market-dialog{background:var(--site-surface);border-color:var(--site-line)}.market-image,.exact-bundle,.individual-packs figure>div{background:var(--site-stage)}.market-badge,.floating-label{background:color-mix(in srgb,var(--site-surface) 92%,transparent);color:var(--site-ink)}.market-title>span,.filters button,.market-card button,.dialog-switch button,#motion-toggle{border-color:var(--site-line);color:var(--site-ink)}.filters button.active,.market-card button:hover,.dialog-switch button.active{background:var(--site-ink);color:var(--site-bg);border-color:var(--site-ink)}.market-stats,.bundle-plaque,details,.proof-row,.table-heading,td,th{border-color:var(--site-line)}.value-proof{background:var(--site-elevated);border-color:var(--site-line)}.prize{background:var(--site-elevated)}.prize:last-child{background:var(--site-stage)}.button.dark{background:var(--site-ink);color:var(--site-bg)}.button.lime{background:var(--site-accent);color:var(--site-accent-ink)}.index-cube,.individual-packs img,.bundle-products img{mix-blend-mode:normal}.index-cube{filter:drop-shadow(0 16px 15px var(--site-shadow))}.bundle-products img,.individual-packs img{filter:drop-shadow(0 13px 10px var(--site-shadow))}.dark .button span,.button.dark span{color:inherit}.demo-section{background:#111a15}.theme-toggle:focus-visible{outline-color:var(--site-accent)}

/* Readable type floor: labels stay legible without losing the editorial scale. */
.eyebrow,.demo-label,.market-badge,.market-count,.pack small,.pack-bottom,.art-caption,.bundle-plaque span,.asset-note,.table-heading>span,th,footer>span,footer>p,#motion-toggle,.market-title>span,.market-stats small,.range-caption,.panel-top,.oracle-mini,.floating-label,.top-label,.value-label small{font-size:clamp(10px,.7vw,12px)!important;letter-spacing:.08em}.pack small{font-size:10px!important}.pack-bottom{font-size:9px!important}.market-info>p,.section-heading>p,.steps p,.demo-section p,.oracle>div>p,details p,.agent-layout>div>p,.prize p,.market-dialog p{font-size:clamp(13px,1.05vw,16px)!important;line-height:1.6}.market-title h3{font-size:clamp(22px,1.8vw,28px)}.market-stats b{font-size:clamp(18px,1.5vw,23px)}.market-card button{font-size:clamp(12px,.9vw,14px)}.filters button{font-size:clamp(11px,.8vw,13px)}.stack-heading h2{max-width:780px;font-size:clamp(38px,4.5vw,66px)}

/* Transparent opened-card stack section. */
.stack-section{padding-top:54px}.stack-stage{position:relative;min-height:570px;display:grid;place-items:center;background:var(--site-stage);border:1px solid var(--site-line);border-radius:10px;overflow:hidden;padding:65px 20px 74px}.stack-stage:before{content:'';position:absolute;width:420px;height:420px;border:1px solid color-mix(in srgb,var(--site-ink) 18%,transparent);border-radius:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.card-stack{position:relative;width:min(74vw,300px);height:min(100vw,420px);z-index:1;touch-action:none}.stack-card{position:absolute;inset:0;display:grid;place-items:center;cursor:grab;transform:translateY(calc(var(--stack-index,0) * -4px)) rotate(var(--card-rot));transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .42s,visibility .42s;filter:drop-shadow(0 20px 18px var(--site-shadow));outline:none}.stack-card:active,.stack-card.dragging{cursor:grabbing}.stack-card:focus-visible{outline:3px solid var(--site-accent);outline-offset:9px;border-radius:14px}.stack-card img{display:block;width:100%;height:100%;object-fit:contain;border-radius:14px;background:transparent}.stack-card.fly-left{transform:translate(-125vw,-25px) rotate(-24deg)!important;opacity:0}.stack-card.fly-right{transform:translate(125vw,-25px) rotate(24deg)!important;opacity:0}.stack-value-chip{position:absolute;top:24px;left:24px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--site-line);background:color-mix(in srgb,var(--site-surface) 92%,transparent);border-radius:8px;z-index:2}.stack-value-label,.value-stage-label{font-size:10px;letter-spacing:.1em;color:var(--site-muted)}.stack-value-chip strong{font-size:20px;font-weight:500}.stack-value-chip small{font-size:11px;color:var(--site-muted)}.token-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:700;margin-right:4px}.usdt-mark{background:#26a17b;color:white}.eth-mark{background:#627eea;color:white}.stack-hint{position:absolute;bottom:24px;display:flex;align-items:center;gap:9px;color:var(--site-muted);font-size:12px;z-index:2}.stack-hint-dot{width:7px;height:7px;border-radius:50%;background:var(--site-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--site-accent) 22%,transparent)}

/* Dialog imagery and USDT/ETH value swap. */
.market-dialog{max-height:min(90vh,760px);overflow:auto}.dialog-visual{position:relative;display:grid;place-items:center;min-height:230px;margin:18px -10px 10px;background:var(--site-stage);border-radius:8px;overflow:hidden}.dialog-visual>img{width:min(100%,330px);height:250px;object-fit:contain;animation:dialogCubeHover 5s ease-in-out infinite;filter:drop-shadow(0 18px 15px var(--site-shadow))}.dialog-value-orbit{position:absolute;inset:0;pointer-events:none;font-size:30px;color:var(--site-accent);font-weight:600}.dialog-value-orbit span{position:absolute;animation:valueOrbit 7s ease-in-out infinite}.dialog-value-orbit span:nth-child(1){left:14%;top:28%}.dialog-value-orbit span:nth-child(2){right:12%;top:52%;animation-delay:-2s}.dialog-value-orbit span:nth-child(3){left:63%;bottom:17%;font-size:24px;animation-delay:-4s}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{margin:12px 0;font-size:clamp(33px,5vw,52px)}.dialog-heading>span{border:1px solid var(--site-line);padding:6px 8px;border-radius:3px;font-size:10px;letter-spacing:.08em}.dialog-switch{display:flex;gap:7px;margin:18px 0}.dialog-switch button{flex:1;background:transparent;border:1px solid var(--site-line);border-radius:999px;padding:11px 13px;font-size:12px}.dialog-value-stage{display:none;border:1px solid var(--site-line);background:var(--site-elevated);border-radius:7px;padding:16px;margin:18px 0}.market-dialog[data-view=value] .dialog-value-stage{display:block}.market-dialog[data-view=value] .dialog-visual>img{opacity:.2;transform:scale(.86)}.market-dialog[data-view=value] .dialog-value-orbit{opacity:.15}.dialog-token-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border-top:1px solid var(--site-line);padding:13px 0}.dialog-token-row:first-of-type{margin-top:10px}.dialog-token-row img{width:22px;height:22px}.dialog-token-row strong{font-size:18px;font-weight:500}.dialog-token-row small{font-size:10px;color:var(--site-muted)}.dialog-value-stage>p{font-size:11px!important;margin-bottom:0}@keyframes dialogCubeHover{50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes valueOrbit{50%{transform:translateY(-8px) rotate(7deg)}}

html[data-theme=dark] .hero-art .bundle-hero-image{mix-blend-mode:normal;opacity:.95;filter:brightness(.82) saturate(.92) drop-shadow(0 18px 18px #0008)}html[data-theme=dark] .bundle-hero{background:var(--site-bg);isolation:isolate}html[data-theme=dark] .ticker{background:#cbe64e;color:#10170f}html[data-theme=dark] .ticker b{color:#10170f}html[data-theme=dark] th{background:#1b281f;color:var(--site-muted)}html[data-theme=dark] td small{background:#2a3a2e;color:var(--site-ink)}html[data-theme=dark] .floating-label{box-shadow:0 8px 24px #00000055}html[data-theme=dark] .market-dialog::backdrop{background:#000000b8}html[data-theme=dark] .market-image:has(.index-cube){background:var(--site-stage)}

@media(max-width:900px){.wordmark{font-size:26px}.brand-icon{width:43px;height:43px}.stack-stage{min-height:530px}.stack-stage:before{width:360px;height:360px}}
@media(max-width:760px){header{height:82px;padding:0 6%;gap:8px}.header-actions{gap:7px}.theme-toggle{padding:9px;width:38px;height:38px;justify-content:center}.theme-label{display:none}.wordmark{font-size:22px;gap:8px}.brand-icon{width:38px;height:38px;border-radius:8px}.header-actions .small{font-size:10px;padding:10px 11px}.stack-section{padding-top:34px}.stack-stage{min-height:510px;padding-bottom:72px}.stack-stage:before{width:310px;height:310px}.card-stack{width:min(72vw,270px);height:min(94vw,380px)}.stack-value-chip{top:15px;left:15px;padding:11px 12px}.stack-value-chip strong{font-size:17px}.stack-value-chip small{font-size:10px}.stack-hint{left:16px;right:16px;justify-content:center;text-align:center;font-size:11px}.dialog-visual{min-height:190px}.dialog-visual>img{height:205px}.dialog-token-row{grid-template-columns:26px 1fr;gap:8px}.dialog-token-row small{grid-column:2}.market-dialog{padding:27px 22px}.stack-heading h2{font-size:clamp(36px,10vw,48px);letter-spacing:-1.8px}.asset-note{font-size:11px!important;line-height:1.5!important}}
@media(prefers-reduced-motion:reduce){.stack-card,.dialog-visual>img,.dialog-value-orbit span{animation:none!important;transition:none!important}.stack-card.fly-left,.stack-card.fly-right{transition:opacity .15s!important}}

/* The site uses one light presentation; the old theme control is intentionally removed. */
#theme-toggle{display:none!important}

/* 2026-09-09 hero cube opening and illustrative prediction-market selector. */
.cube-hero{min-height:590px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0 10px}.cube-hero-stage{width:min(100%,440px);height:280px;display:grid;place-items:center;position:relative}.cube-hero-stage:before{content:'';position:absolute;width:270px;height:170px;border:1px solid color-mix(in srgb,var(--site-ink) 16%,transparent);border-radius:50%;transform:rotate(-12deg);pointer-events:none}.cube-hero-image{display:block;width:min(100%,390px);height:auto;position:relative;z-index:1;filter:drop-shadow(0 22px 18px var(--site-shadow));animation:cubeRevealFloat 8s ease-in-out infinite;transition:transform .35s ease,filter .35s ease}.cube-hero:hover .cube-hero-image{transform:translateY(-7px) scale(1.02);filter:drop-shadow(0 30px 23px var(--site-shadow))}.hero-draw-readout{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:11px;width:min(100%,440px);border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line);padding:10px 0}.hero-draw-readout .eyebrow{font-size:8px;letter-spacing:1.1px;color:var(--site-muted);white-space:nowrap}.hero-draw-readout strong{font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-1.5px;line-height:1}.hero-draw-readout>span:last-child{font-size:9px;color:var(--site-muted);white-space:nowrap;text-align:right}.hero-prediction-market{width:min(100%,440px);padding:12px 13px 11px;border:1px solid var(--site-line);border-radius:8px;background:color-mix(in srgb,var(--site-surface) 90%,transparent);box-shadow:0 12px 24px var(--site-shadow);transition:transform .25s ease,box-shadow .25s ease}.cube-hero:hover .hero-prediction-market{transform:translateY(-2px);box-shadow:0 16px 30px var(--site-shadow)}.hero-market-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--site-muted);font-size:8px;letter-spacing:1px}.hero-market-top>span{display:flex;align-items:center;gap:7px}.hero-market-top .dot{width:5px;height:5px;background:var(--site-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--site-accent) 18%,transparent)}.hero-market-top small{font-size:8px;letter-spacing:1.2px}.hero-market-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.hero-market-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:9px 10px;border:1px solid var(--site-line);border-radius:5px;background:transparent;color:var(--site-ink);text-align:left;transition:transform .2s ease,background .2s ease,border-color .2s ease}.hero-market-option:hover{transform:translateY(-3px);border-color:var(--site-ink);background:var(--site-elevated)}.hero-market-option.active{background:var(--site-ink);border-color:var(--site-ink);color:var(--site-bg)}.hero-market-option span{font-size:8px;letter-spacing:1px;color:var(--site-muted)}.hero-market-option.active span,.hero-market-option.active small{color:color-mix(in srgb,var(--site-bg) 72%,var(--site-accent))}.hero-market-option strong{font-size:15px;font-weight:600;letter-spacing:-.3px}.hero-market-option small{font-size:9px;color:var(--site-muted)}.hero-prediction-market>p{font-size:9px!important;line-height:1.4!important;margin:9px 0 0;color:var(--site-muted)}.cube-hero .art-caption{position:static;margin-top:1px;font-size:7px;color:var(--site-muted);letter-spacing:2px;text-align:center}.cube-hero .top-label{right:-3px;top:0}.cube-hero .top-label .dot{background:var(--site-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--site-accent) 18%,transparent)}@keyframes cubeRevealFloat{50%{transform:translateY(-8px) rotate(-1deg)}}
@media(max-width:900px){.cube-hero{min-height:560px}.cube-hero-stage{height:255px}.cube-hero-image{width:min(100%,350px)}}
@media(max-width:760px){.cube-hero{height:auto;min-height:0;transform:none!important;margin:0;padding:16px 0 22px}.cube-hero-stage{height:250px}.cube-hero-image{width:min(100%,340px)}.cube-hero .top-label{right:0;top:4px}.hero-draw-readout,.hero-prediction-market{width:min(100%,440px)}.hero-draw-readout{grid-template-columns:1fr 1fr;align-items:center;gap:6px}.hero-draw-readout strong{grid-column:1;grid-row:2}.hero-draw-readout>span:last-child{grid-column:2;grid-row:2}.hero-market-options{gap:5px}.hero-market-option{padding:9px 7px}.hero-market-option strong{font-size:13px}.cube-hero .art-caption{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.cube-hero-image,.cube-hero:hover .cube-hero-image{animation:none;transition:none;transform:none}.hero-prediction-market,.cube-hero:hover .hero-prediction-market{transition:none;transform:none}}

/* Keep the square transparent render inside its stage before the readout begins. */
.cube-hero-stage{height:390px}.hero-draw-readout{grid-template-columns:1fr auto;align-items:center}.hero-draw-readout .eyebrow{grid-column:1;grid-row:1}.hero-draw-readout strong{grid-column:2;grid-row:1}.hero-draw-readout>span:last-child{grid-column:1/-1;grid-row:2;text-align:left;margin-top:2px}
@media(max-width:900px){.cube-hero-stage{height:350px}.cube-hero{min-height:650px}}
@media(max-width:760px){.cube-hero-stage{height:330px}.cube-hero{min-height:0}.hero-draw-readout{grid-template-columns:1fr auto}.hero-draw-readout strong{grid-column:2;grid-row:1}.hero-draw-readout>span:last-child{grid-column:1/-1;grid-row:2}}

/* Local font catalog: Space Grotesk for UI, DM Serif Display for editorial contrast, JetBrains Mono for values. */
@font-face{font-family:'Packdex Sans';src:url('assets/fonts/space-grotesk-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Packdex Sans';src:url('assets/fonts/space-grotesk-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Packdex Display';src:url('assets/fonts/dm-serif-display-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Packdex Mono';src:url('assets/fonts/jetbrains-mono-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
body,button,input{font-family:'Packdex Sans',Arial,Helvetica,sans-serif}em{font-family:'Packdex Display',Georgia,'Times New Roman',serif}.hero-draw-readout strong,.market-stats b{font-family:'Packdex Mono',ui-monospace,SFMono-Regular,Consolas,monospace}body{overflow-x:hidden}.hero-copy>p,.section-heading>p,.steps p,.demo-section p,.oracle>div>p,details p,.agent-layout>div>p,.prize p{font-size:clamp(15px,1.05vw,17px)!important;line-height:1.65}.nav,nav a,.button,.text-link{font-size:clamp(13px,.95vw,15px)}

/* Product cutouts stay fully inside their frames at every breakpoint. */
.individual-packs figure>div{height:260px!important;padding:20px 24px!important;overflow:hidden;display:grid;place-items:center}.individual-packs img{width:auto!important;max-width:100%;height:auto!important;max-height:220px;object-fit:contain}.individual-packs figure:hover img{transform:translateY(-4px) scale(1.015)}

/* Automatic left-to-right rare-card carousel. */
/* Failed remote marketplace art becomes an explicit, readable local preview tile. */

/* Requested visual pass: compact navigation, two-column markets, stronger demo contrast. */
@font-face{font-family:'Inter Variable';src:url('assets/fonts/inter-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
header{position:relative}
.wordmark{font-family:'Inter Variable',Arial,sans-serif;font-weight:400;letter-spacing:-.06em}
.menu-toggle{display:inline-grid;place-content:center;gap:4px;width:42px;height:42px;margin:0;border:1px solid var(--site-line);border-radius:999px;background:transparent;color:var(--site-ink);cursor:pointer}
.menu-toggle span{display:block;width:16px;height:1.5px;background:currentColor;transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(2.75px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-2.75px) rotate(-45deg)}
nav#main-nav{display:none}
nav#main-nav.is-open{display:flex;position:absolute;top:calc(100% + 10px);right:5%;z-index:20;flex-direction:column;gap:0;min-width:190px;padding:8px;border:1px solid var(--site-line);border-radius:10px;background:var(--site-surface);box-shadow:0 18px 35px var(--site-shadow)}
nav#main-nav.is-open a{padding:12px 13px;font-size:15px;border-radius:6px}
nav#main-nav.is-open a:hover{background:var(--site-elevated);text-decoration:none}
.header-actions .small{font-size:16px;white-space:nowrap}
.header-actions .small span{display:none}
.hero .actions,.hero-note,.cube-hero .top-label{display:none}
.hero-copy>p{max-width:440px}
.cube-hero-stage{z-index:0}
.cube-hero-stage:after{content:'';position:absolute;z-index:0;width:62%;height:56%;left:19%;top:24%;border-radius:50%;background:radial-gradient(circle,rgba(217,241,90,.46) 0%,rgba(217,241,90,.18) 36%,transparent 72%);filter:blur(24px);opacity:.8;pointer-events:none}
.cube-hero-image{z-index:1;position:relative}
.bundle-products img[src*="pokemon-151-pack"]{display:none}
.exact-bundle{border-color:transparent}
.individual-packs figure{border-color:transparent;border-radius:0}
#stack>.asset-note,footer>p,footer>#motion-toggle{display:none!important}
.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.ticker{height:86.6px;padding:0;display:flex;align-items:center;background:#ebff57;border-top-color:#ebff57;border-bottom-color:#ebff57}
.ticker>div{font-family:Arial,sans-serif;font-size:clamp(24px,3.46vw,31px);font-weight:900;letter-spacing:.04em}
.ticker b{font-size:clamp(24px,3.46vw,31px);margin:0 52px}
.demo-section{background:#111a15;color:#fff}
.demo-section h2,.demo-section .pool strong{color:#fff}
.demo-intro h2{font-size:clamp(68px,8vw,106px);line-height:.92;letter-spacing:-.06em}
.demo-intro>p{font-size:18px!important;line-height:1.55;color:#d6e2d7!important}
.bundle>div{font-size:16px;padding:15px 0}
.demo-section .fine{font-size:14px!important;line-height:1.6}
.prediction-panel{background:#23352d}
.panel-top{font-size:12px}
.pool>span{font-size:13px}
.pool strong{font-size:clamp(58px,5vw,78px)}
.prediction-panel label{font-size:14px}
.input-wrap input{font-size:34px}
.input-wrap>span:last-child{font-size:13px}
.range-caption{font-size:12px}
.oracle-mini{font-size:12px}
@media(max-width:760px){
  .menu-toggle{width:38px;height:38px}
  nav#main-nav.is-open{left:6%;right:6%;top:calc(100% + 8px)}
  .header-actions .small{font-size:16px;padding:10px 12px}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .market-image{height:180px}
  .market-image .pack{transform:rotate(-10deg) scale(.9)}
  .market-info{padding:14px}
  .market-title{display:block}
  .market-title h3{font-size:20px}
  .market-title>span{display:inline-block;margin-top:8px;font-size:10px}
  .market-info>p{font-size:13px!important;line-height:1.4}
  .market-stats{gap:8px;flex-wrap:wrap}
  .market-stats b{font-size:17px}
  .market-card button{font-size:12px;padding:12px 10px}
  .demo-intro h2{font-size:clamp(64px,16vw,86px)}
  .demo-intro>p{font-size:17px!important}
}

/* 2026-09-11 hero metadata cleanup. */
.hero-bottom{font-size:13px}
@media(max-width:760px){.hero-bottom{font-size:6px}}
/* 2026-09-09 Refero Eclipse translation: paper, ink and signal green.
   Local component patterns translated from outputs/assdex: variant buttons,
   segmented animated tabs, and separated feature-card surfaces. */
@font-face{font-family:'Eclipse UI';src:url('assets/fonts/archivo-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Eclipse UI';src:url('assets/fonts/archivo-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Eclipse Display';src:url('assets/fonts/newsreader-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Eclipse Mono';src:url('assets/fonts/jetbrains-mono-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Eclipse Mono';src:url('assets/fonts/jetbrains-mono-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{--eclipse-paper:#fff;--eclipse-ink:#000;--eclipse-green:#a1fea0;--eclipse-muted:#53605a;--eclipse-stage:#f2f5f1;--eclipse-line:#000;--site-bg:var(--eclipse-paper);--site-ink:var(--eclipse-ink);--site-muted:var(--eclipse-muted);--site-line:var(--eclipse-line);--site-surface:var(--eclipse-paper);--site-stage:var(--eclipse-stage);--site-elevated:#efffee;--site-accent:var(--eclipse-green);--site-accent-ink:var(--eclipse-ink);--site-shadow:#00000020;--paper:var(--eclipse-paper);--ink:var(--eclipse-ink);--muted:var(--eclipse-muted);--line:var(--eclipse-line);--lime:var(--eclipse-green)}
html{background:var(--eclipse-paper)}
body{background:var(--eclipse-paper);color:var(--eclipse-ink);font-family:'Eclipse UI',Arial,sans-serif;font-variant-caps:normal;text-transform:none}
body :where(button,input,a,summary,label,p,span,small,strong,b,h1,h2,h3,h4,h5,h6,dt,dd,th,td){font-family:inherit;font-variant-caps:normal;text-transform:none}
h1,h2,h3,h4,h5,h6{font-family:'Eclipse UI',Arial,sans-serif;color:var(--eclipse-ink)}
em{font-family:'Eclipse Display',Georgia,serif;font-style:italic}
header{background:var(--eclipse-paper);border-color:var(--eclipse-line)}
.wordmark{font-family:'Eclipse UI',Arial,sans-serif;font-weight:600;letter-spacing:-.055em}
nav#main-nav.is-open{background:var(--eclipse-paper);border-color:var(--eclipse-line);box-shadow:8px 8px 0 var(--eclipse-green)}
.menu-toggle,.theme-toggle{border-color:var(--eclipse-line);color:var(--eclipse-ink);background:var(--eclipse-paper)}
.header-actions .small,.button.dark{background:var(--eclipse-ink);color:var(--eclipse-paper);border:1px solid var(--eclipse-ink);border-radius:999px}
.header-actions .small:hover,.button.dark:hover{background:var(--eclipse-green);color:var(--eclipse-ink);border-color:var(--eclipse-ink)}
.button.lime{background:var(--eclipse-green);color:var(--eclipse-ink);border:1px solid var(--eclipse-ink);border-radius:999px}
.button.lime:hover{background:var(--eclipse-paper);color:var(--eclipse-ink);border-color:var(--eclipse-ink)}
.button{font-family:'Eclipse UI',Arial,sans-serif;font-weight:600;letter-spacing:.01em}
.hero{background:var(--eclipse-paper);color:var(--eclipse-ink)}
.hero-copy>p,.section-heading>p,.steps p,.oracle>div>p,.agent-layout>div>p,.prize p{color:var(--eclipse-muted)}
.eyebrow,.demo-label,.art-caption,.bundle-plaque span,.market-badge,.market-count,.pack small,.pack-bottom,.panel-top,.range-caption,.oracle-mini,.value-label small{font-family:'Eclipse Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.11em}
.dot{background:var(--eclipse-green);box-shadow:0 0 0 4px #a1fea044}
.hero-draw-readout,.hero-prediction-market,.market-toolbar,.market-stats,.bundle-plaque,details,.proof-row,.table-heading,td,th,footer{border-color:var(--eclipse-line)}
.hero-draw-readout strong,.hero-market-option strong,.market-stats b,.pool strong,.reveal-value{font-family:'Eclipse Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}
.hero-prediction-market{background:var(--eclipse-paper);border-radius:25px;box-shadow:8px 8px 0 var(--eclipse-green)}
.hero-market-options{gap:8px}
.hero-market-option{border-color:var(--eclipse-line);border-radius:25px;background:var(--eclipse-paper)}
.hero-market-option.active{background:var(--eclipse-ink);color:var(--eclipse-paper);border-color:var(--eclipse-ink)}
.hero-market-option:hover{background:var(--eclipse-green);color:var(--eclipse-ink);border-color:var(--eclipse-ink)}
.hero-market-option span,.hero-market-option small,.hero-market-top,.hero-prediction-market>p{color:var(--eclipse-muted)}
.hero-market-option.active span,.hero-market-option.active small{color:var(--eclipse-green)}
.ticker{background:var(--eclipse-green);color:var(--eclipse-ink);border-color:var(--eclipse-ink)}
.ticker>div{font-family:'Eclipse UI',Arial,sans-serif;font-weight:600;letter-spacing:.06em}
.ticker b{color:var(--eclipse-ink)}
.filters button,.market-card button,.dialog-switch button{border-color:var(--eclipse-line);background:var(--eclipse-paper);color:var(--eclipse-ink);transition:background .2s ease,color .2s ease,transform .2s ease}
.filters button{border-radius:999px;font-family:'Eclipse UI',Arial,sans-serif}
.filters button.active,.market-card button:hover,.dialog-switch button.active{background:var(--eclipse-ink);color:var(--eclipse-paper);border-color:var(--eclipse-ink)}
.market-card,.leaderboard,.exact-bundle,.individual-packs figure,.value-proof,.prize{border-color:var(--eclipse-line);border-radius:25px;background:var(--eclipse-paper);box-shadow:none}
.market-card:hover{box-shadow:8px 8px 0 var(--eclipse-green)}
.market-image,.individual-packs figure>div{background:var(--eclipse-stage)}
.market-card button{border-radius:999px}
.market-card button:hover{transform:translateY(-2px)}
.market-badge,.floating-label,.stack-value-chip{border-color:var(--eclipse-line);background:var(--eclipse-paper);box-shadow:4px 4px 0 var(--eclipse-green)}
.market-dialog{background:var(--eclipse-paper);color:var(--eclipse-ink);border-color:var(--eclipse-line);border-radius:25px;box-shadow:10px 10px 0 var(--eclipse-green)}
.dialog-visual,.dialog-value-stage{background:var(--eclipse-stage);border-color:var(--eclipse-line)}
.dialog-heading>span{border-color:var(--eclipse-line)}
.steps article{border-color:var(--eclipse-line)}
.steps article>span,.demo-label{color:var(--eclipse-muted)}
.demo-section{background:var(--eclipse-ink);color:var(--eclipse-paper);border-block:1px solid var(--eclipse-ink)}
.demo-section h2,.demo-section h3,.demo-section .pool strong{color:var(--eclipse-paper)}
.demo-section p,.demo-section .fine{color:#c9d4ce!important}
.demo-section .eyebrow,.demo-section .bundle b,.demo-section .panel-top>span:first-child{color:var(--eclipse-green)}
.bundle{border-color:#ffffff45}
.bundle>div{border-color:#ffffff45;color:var(--eclipse-paper)}
.demo-section .prediction-panel{position:relative;align-self:center;background:var(--eclipse-paper);color:var(--eclipse-ink);border:1px solid var(--eclipse-ink);border-radius:25px;padding:28px;box-shadow:10px 10px 0 var(--eclipse-green);overflow:hidden}
.prediction-panel:before{content:'DEMO / SAMPLE';position:absolute;top:0;right:0;padding:8px 12px;background:var(--eclipse-ink);color:var(--eclipse-green);font:600 10px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.12em}
.prediction-panel .panel-top{padding-right:155px;color:var(--eclipse-ink);font-size:11px;letter-spacing:.12em}
.prediction-panel .panel-top>span:first-child{color:var(--eclipse-ink);display:flex;align-items:center;gap:8px}
.prediction-panel .panel-top>span:first-child:before{content:'';width:8px;height:8px;background:var(--eclipse-green);border:1px solid var(--eclipse-ink);border-radius:50%;box-shadow:0 0 0 4px #a1fea066}
.prediction-panel .pool{margin:24px 0 25px;padding:27px 0 25px;border-block:1px solid var(--eclipse-line)}
.prediction-panel .pool>span{color:var(--eclipse-muted);font-family:'Eclipse Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.08em}
.prediction-panel .pool strong{color:var(--eclipse-ink);font-size:clamp(47px,5vw,76px);letter-spacing:-.09em}
.prediction-panel .pool>span:last-child{font-size:10px;letter-spacing:.02em}
.prediction-panel label{display:block;color:var(--eclipse-ink);font:600 12px/1.4 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.prediction-panel .input-wrap{border:1px solid var(--eclipse-line);border-radius:12px;background:var(--eclipse-stage);padding:15px 16px;margin-top:11px;gap:10px;box-shadow:inset 0 0 0 1px #0000000d}
.prediction-panel .input-wrap>span:first-child{color:var(--eclipse-ink);font:400 29px/1 'Eclipse Mono',ui-monospace,monospace}
.prediction-panel .input-wrap>span:last-child{color:var(--eclipse-muted);font:600 11px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.08em}
.prediction-panel .input-wrap input{color:var(--eclipse-ink);font:600 34px/1 'Eclipse Mono',ui-monospace,monospace}
.prediction-panel .range-caption{color:var(--eclipse-muted);font-size:10px;letter-spacing:.06em}
.prediction-panel .range-caption span:last-child{color:var(--eclipse-ink);font-weight:600}
.prediction-panel .button{min-height:58px;border-radius:999px;letter-spacing:.02em}
.prediction-panel .button span{font-size:22px}
.prediction-panel .oracle-mini{border-color:var(--eclipse-line);color:var(--eclipse-muted);font-size:10px;letter-spacing:.06em}
.prediction-panel .oracle-mini a{color:var(--eclipse-ink);text-decoration:underline;text-decoration-color:var(--eclipse-green);text-decoration-thickness:3px;text-underline-offset:4px}
#reveal h3{color:var(--eclipse-ink);font-family:'Eclipse Mono',ui-monospace,monospace}
.reveal-card{border-color:var(--eclipse-line);background:var(--eclipse-stage);color:var(--eclipse-ink)}
.reveal-card span{color:var(--eclipse-ink)}
.progress-track{background:#d3ddd2}.progress-track:after{background:var(--eclipse-ink)}
.oracle,.agents{border-color:var(--eclipse-line)}
.value-proof{background:var(--eclipse-stage);box-shadow:8px 8px 0 var(--eclipse-green)}
.yield-tag{background:var(--eclipse-green);color:var(--eclipse-ink);border:1px solid var(--eclipse-ink);border-radius:999px}
.leaderboard{overflow:hidden;background:var(--eclipse-paper)}
th{background:var(--eclipse-stage);color:var(--eclipse-muted)}
td small{background:var(--eclipse-green);color:var(--eclipse-ink)}
.prize{background:var(--eclipse-stage)}
.prize:last-child{background:var(--eclipse-green)}
.prize-symbol{color:#00000022}
footer{background:var(--eclipse-paper)}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--eclipse-green);outline-offset:4px}
html[data-theme=dark]{--eclipse-paper:#000;--eclipse-ink:#fff;--eclipse-muted:#b8c6bd;--eclipse-stage:#111;--eclipse-line:#fff;--site-bg:#000;--site-ink:#fff;--site-muted:#b8c6bd;--site-line:#fff;--site-surface:#000;--site-stage:#111;--site-elevated:#162016;--site-accent:#a1fea0;--site-accent-ink:#000;--paper:#000;--ink:#fff;--muted:#b8c6bd;--line:#fff;--lime:#a1fea0}
html[data-theme=dark] body,html[data-theme=dark] header,html[data-theme=dark] footer,html[data-theme=dark] .hero{background:#000;color:#fff}
html[data-theme=dark] .market-card,html[data-theme=dark] .exact-bundle,html[data-theme=dark] .individual-packs figure,html[data-theme=dark] .value-proof,html[data-theme=dark] .prize,html[data-theme=dark] .market-dialog{background:#000;color:#fff}
html[data-theme=dark] .market-image,html[data-theme=dark] .individual-packs figure>div,html[data-theme=dark] .dialog-visual,html[data-theme=dark] .dialog-value-stage{background:#111}
html[data-theme=dark] .demo-section{background:#fff;color:#000}
html[data-theme=dark] .demo-section h2,html[data-theme=dark] .demo-section h3,html[data-theme=dark] .demo-section .pool strong,html[data-theme=dark] .demo-section p,html[data-theme=dark] .demo-section .fine{color:#000!important}
html[data-theme=dark] .demo-section .bundle>div{color:#000;border-color:#00000045}
html[data-theme=dark] .demo-section .prediction-panel{background:#000;color:#fff;border-color:#fff;box-shadow:10px 10px 0 var(--eclipse-green)}
html[data-theme=dark] .prediction-panel .panel-top,html[data-theme=dark] .prediction-panel label,html[data-theme=dark] .prediction-panel .pool strong,html[data-theme=dark] .prediction-panel .input-wrap input,html[data-theme=dark] .prediction-panel .input-wrap>span:first-child{color:#fff}
html[data-theme=dark] .prediction-panel .input-wrap{background:#111;border-color:#fff}
html[data-theme=dark] .prediction-panel .oracle-mini{border-color:#fff}
@media(max-width:900px){.demo-section{gap:6%;padding-left:6%;padding-right:6%}.demo-section .prediction-panel{padding:24px}}
@media(max-width:760px){.demo-section .prediction-panel{margin-top:31px;border-radius:20px;padding:20px;box-shadow:7px 7px 0 var(--eclipse-green)}.prediction-panel:before{font-size:9px;padding:7px 9px}.prediction-panel .panel-top{padding-right:128px;font-size:10px}.prediction-panel .pool{margin:20px 0 21px;padding:22px 0}.prediction-panel .pool strong{font-size:clamp(42px,12vw,64px)}.prediction-panel .input-wrap input{font-size:29px}.prediction-panel .button{min-height:54px}.market-card,.exact-bundle,.individual-packs figure,.value-proof,.prize{border-radius:20px}.market-card:hover{box-shadow:5px 5px 0 var(--eclipse-green)}}
.theme-toggle{width:44px;height:44px;padding:0;justify-content:center;gap:0}.theme-label{display:none}.theme-glyph{font-size:18px}
@media(max-width:760px){.theme-toggle{width:38px;height:38px}}
.site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#0b1712;color:#fff;opacity:1;visibility:visible;transition:opacity .55s cubic-bezier(.22,1,.36,1),visibility .55s}.site-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.site-loader-inner{width:min(580px,calc(100vw - 48px));padding:28px}.site-loader-brand{display:flex;align-items:center;gap:12px}.site-loader-brand img{width:42px;height:42px;object-fit:contain}.site-loader-brand>span{font:500 24px/1 'Packdex Sans',Arial,sans-serif;letter-spacing:-.05em}.site-loader-brand small{margin-left:auto;color:#a1fea0;font:10px/1 'Packdex Mono',ui-monospace,monospace;letter-spacing:.12em}.site-loader-headline{margin:74px 0 42px;color:#fff;font:400 clamp(34px,7vw,72px)/.98 'Packdex Display',Georgia,serif;letter-spacing:-.05em}.site-loader-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#b8c6bd;font:10px/1 'Packdex Mono',ui-monospace,monospace;letter-spacing:.12em}.site-loader-meta strong{color:#a1fea0;font:500 16px/1 'Packdex Mono',ui-monospace,monospace}.site-loader-track{height:5px;background:#284034;overflow:hidden}.site-loader-track>span{display:block;width:0;height:100%;background:#a1fea0;transition:width .2s ease-out;position:relative}.site-loader-track>span:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff8,transparent);animation:loaderSheen 1.1s linear infinite}.reveal-target{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal-target.is-visible{opacity:1;transform:none}.reveal-target .headline-reveal{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(18px)}.reveal-target.is-visible .headline-reveal{animation:headlineReveal .85s cubic-bezier(.22,1,.36,1) .08s both}.reveal-target.is-visible .headline-reveal em{display:inline-block;animation:headlineLift .9s cubic-bezier(.22,1,.36,1) .18s both}.hero.reveal-target.is-visible .hero-copy>p{animation:copyReveal .7s cubic-bezier(.22,1,.36,1) .28s both}.hero.reveal-target.is-visible .hero-art{animation:artPan .9s cubic-bezier(.22,1,.36,1) .12s both}@keyframes loaderSheen{to{transform:translateX(220%)}}@keyframes headlineReveal{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(18px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes headlineLift{from{transform:translateY(12px);opacity:.2}to{transform:none;opacity:1}}@keyframes copyReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes artPan{from{opacity:0;transform:translateX(26px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:760px){.site-loader-inner{padding:18px}.site-loader-brand small{display:none}.site-loader-headline{margin:66px 0 34px;font-size:clamp(38px,12vw,58px)}.site-loader-meta{font-size:9px}.reveal-target{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){.site-loader,.site-loader-track>span,.reveal-target{transition:none}.site-loader-track>span:after{animation:none}.reveal-target,.reveal-target .headline-reveal{opacity:1;transform:none;clip-path:none}.reveal-target.is-visible .headline-reveal,.reveal-target.is-visible .headline-reveal em,.hero.reveal-target.is-visible .hero-copy>p,.hero.reveal-target.is-visible .hero-art{animation:none}}
.reveal-cards{align-items:stretch}.reveal-card{padding:0 0 10px;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:6px}.reveal-card img{display:block;width:100%;height:132px;object-fit:contain;background:#fff;padding:5px}.reveal-card strong{font:600 13px/1 'Packdex Mono',ui-monospace,monospace}.reveal-card small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;font-size:8px;color:var(--eclipse-muted)}
@media(max-width:760px){.reveal-card img{height:96px}.reveal-card strong{font-size:11px}.reveal-card small{font-size:7px}}

/* 2026-09-11 storyboard action strip cleanup. */
#storyboard .storyboard-mini-entry{display:flex;justify-content:center}
#storyboard .storyboard-mini-entry-action{justify-self:auto}

/* 2026-09-11 hero CTA emphasis pass. */
.hero .actions > .button.dark{font-size:28px;justify-content:center;gap:20px;text-align:center}
.hero .actions > .button.dark span{font-size:24px}
@media(max-width:760px){
  .hero .actions > .button.dark{width:100%;height:auto;min-height:78px;padding:18px 24px;justify-content:center;gap:18px;font-size:28px;text-align:center}
  .hero .actions > .button.dark span{font-size:24px}
}

/* 2026-09-11 modal pack-tier contents and themed scrollbar pass. */
.market-dialog{--dialog-scroll-thumb:var(--eclipse-green);--dialog-scroll-track:var(--eclipse-stage);scrollbar-width:thin;scrollbar-color:var(--dialog-scroll-thumb) var(--dialog-scroll-track)}
.market-dialog::-webkit-scrollbar{width:12px}
.market-dialog::-webkit-scrollbar-track{background:var(--dialog-scroll-track);border-left:1px solid var(--eclipse-line)}
.market-dialog::-webkit-scrollbar-thumb{background:var(--dialog-scroll-thumb);border:3px solid var(--dialog-scroll-track);border-radius:999px}
.market-dialog[data-pack-theme=bronze]{--dialog-scroll-thumb:#a9673d;--dialog-scroll-track:#f5ebe4;--dialog-pack-accent:#8f4e2d}
.market-dialog[data-pack-theme=silver]{--dialog-scroll-thumb:#6f8d9b;--dialog-scroll-track:#edf3f4;--dialog-pack-accent:#3e6877}
.market-dialog[data-pack-theme=gold]{--dialog-scroll-thumb:#c08a16;--dialog-scroll-track:#fff6df;--dialog-pack-accent:#8e6300}
.market-dialog[data-pack-theme=magma-magenta]{--dialog-scroll-thumb:#e30070;--dialog-scroll-track:#fff0f6;--dialog-pack-accent:#b80056}
.market-dialog[data-pack-theme=magma-neon-black]{--dialog-scroll-thumb:#63e88a;--dialog-scroll-track:#101b16;--dialog-pack-accent:#38c96c}
.dialog-contents{margin:20px 0 18px;padding-top:17px;border-top:1px solid var(--eclipse-line)}
.dialog-contents-label{margin-bottom:10px;color:var(--eclipse-muted);font:600 10px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em}
.dialog-pack-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}
.dialog-pack-item{min-width:0;margin:0;padding:10px;border:1px solid var(--dialog-pack-accent);border-radius:12px;background:var(--eclipse-stage);overflow:hidden}
.dialog-pack-item:only-child{width:min(100%,220px)}
.dialog-pack-item img{display:block;width:100%;height:165px;object-fit:contain;filter:drop-shadow(0 12px 10px #00000028);transition:transform .3s ease}
.dialog-pack-item:hover img{transform:translateY(-4px)}
.dialog-pack-item figcaption{display:grid;gap:5px;margin-top:6px}
.dialog-pack-item strong{color:var(--dialog-pack-accent);font:600 12px/1.15 'Eclipse UI',Arial,sans-serif}
.dialog-pack-item span{color:var(--eclipse-muted);font:10px/1.2 'Eclipse Mono',ui-monospace,monospace}
@media(max-width:760px){
  .dialog-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dialog-pack-item img{height:132px}
  .dialog-pack-item strong{font-size:11px}
  .dialog-pack-item span{font-size:9px}
}

/* Compact pack-type markers stay aligned with each market's packet formula. */
.pack-type-icons{display:flex;align-items:center;gap:6px;height:45px;margin:9px 0 7px;overflow:visible}
.pack-type-icons img{display:block;width:30.06px;height:45px;max-width:30.06px;object-fit:contain;filter:drop-shadow(0 3px 2px #00000028);transition:transform .2s ease}
.pack-type-icons img:hover{transform:translateY(-2px) scale(1.08)}
.dialog-pack-type-icons{margin:0 0 2px}
@media(max-width:760px){
  .pack-type-icons{margin:7px 0 5px}
}
@media(min-width:761px) and (max-width:900px){header{height:90px}.brand-icon{width:67px;height:67px;border-radius:14px}.wordmark{gap:14px}}

/* 2026-09-11 market-dialog first-fold fit. */
.market-dialog{
  width:min(480px,calc(100vw - 32px));
  height:min(760px,calc(100vh - 24px));
  max-height:calc(100vh - 24px);
  height:min(760px,calc(100dvh - 24px));
  max-height:calc(100dvh - 24px);
  margin:auto;
  padding:24px 22px 20px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.market-dialog .dialog-heading h2{margin:10px 0;font-size:clamp(30px,5vw,46px);line-height:.98}
.market-dialog>p{margin:8px 0;line-height:1.4}
.market-dialog .dialog-contents{margin:12px 0;padding-top:12px}
.market-dialog .dialog-contents-label{margin-bottom:8px}
.market-dialog .dialog-pack-list{gap:8px}
.market-dialog .dialog-pack-item{padding:8px;border-radius:10px}
.market-dialog .dialog-pack-item img{height:125px}
.market-dialog .dialog-pack-item figcaption{gap:3px;margin-top:4px}
.market-dialog .dialog-pack-item strong{font-size:11px}
.market-dialog .dialog-pack-item span{font-size:9px}
.market-dialog .dialog-switch{margin:12px 0}
.market-dialog .dialog-switch button{padding:10px 11px}
.market-dialog .bundle-details{margin:14px 0}
.market-dialog .bundle-details p{margin:9px 0}
.market-dialog .dialog-demo{margin-top:10px;min-height:52px}
@media(max-width:760px){
  .market-dialog{
    width:calc(100vw - 20px);
    height:min(760px,calc(100vh - 16px));
    max-height:calc(100vh - 16px);
    height:min(760px,calc(100dvh - 16px));
    max-height:calc(100dvh - 16px);
    padding:20px 16px 16px;
  }
  .market-dialog .dialog-heading h2{font-size:clamp(28px,9vw,40px)}
  .market-dialog .dialog-pack-item img{height:112px}
  .market-dialog .dialog-switch button{font-size:11px;padding:9px 8px}
  .market-dialog .bundle-details p{font-size:13px!important}
  .market-dialog .dialog-demo{min-height:48px}
}

/* 2026-09-10 pack-library scale and whole-site reveal choreography. */
.bundle-products{min-height:clamp(360px,43vw,500px);align-items:center}
.bundle-products img{width:clamp(190px,25vw,250px);height:clamp(360px,43vw,500px);filter:drop-shadow(12px 22px 13px var(--site-shadow))}
.bundle-products img:nth-child(2){height:clamp(390px,47vw,540px)}
.reveal-target .reveal-item{--reveal-distance:42px;opacity:0;will-change:transform,opacity}
.reveal-target .reveal-from-left{transform:translate3d(calc(var(--reveal-distance) * -1),0,0) scale(.985)}
.reveal-target .reveal-from-right{transform:translate3d(var(--reveal-distance),0,0) scale(.985)}
.reveal-target.is-visible .reveal-item{animation:revealItemIn .82s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms) both}
.reveal-target.is-visible .reveal-from-left{animation-name:revealItemFromLeft}
.reveal-target.is-visible .reveal-from-right{animation-name:revealItemFromRight}
@keyframes revealItemIn{from{opacity:0;transform:translate3d(0,24px,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes revealItemFromLeft{from{opacity:0;transform:translate3d(calc(var(--reveal-distance) * -1),0,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes revealItemFromRight{from{opacity:0;transform:translate3d(var(--reveal-distance),0,0) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .bundle-products{min-height:clamp(320px,82vw,370px);gap:0}
  .bundle-products img{width:29%;height:clamp(260px,72vw,320px)}
  .bundle-products img:nth-child(2){width:25%;height:clamp(300px,82vw,360px)}
  .reveal-target .reveal-item{--reveal-distance:26px}
}
@media(prefers-reduced-motion:reduce){
  .reveal-target .reveal-item{opacity:1;transform:none;animation:none!important;will-change:auto}
}

/* 2026-09-10 centered minimalist loading surface. */
.site-loader{text-align:center}
.site-loader-inner{width:min(440px,calc(100vw - 44px));padding:24px 0}
.site-loader-brand{justify-content:center;gap:20px}
.site-loader-brand img{width:76px;height:76px}
.site-loader-brand>span{font-size:44px}
.site-loader-brand small{display:none}
.site-loader-headline{max-width:330px;margin:64px auto 34px;font-size:clamp(38px,8vw,62px);text-wrap:balance}
.site-loader-meta{justify-content:center;margin-bottom:14px}
.site-loader-meta span{display:none}
.site-loader-meta strong{font-size:14px}
.site-loader-track{width:min(280px,100%);height:4px;margin:0 auto;border-radius:999px}

/* 2026-09-10 branded cube opening sequence and compact mobile fold system. */
.hero .actions{display:flex;margin-top:25px}
.hero .actions .text-link{display:none}
.cube-opening-sequence{height:390px;overflow:visible}
.cube-opening-sequence .cube-hero-image,.cube-opening-sequence .hero-cube-closed{position:absolute;inset:0;width:min(100%,420px);height:100%;margin:auto;object-fit:contain;filter:drop-shadow(0 22px 18px var(--site-shadow))}
.cube-opening-sequence .cube-hero-image{z-index:1;opacity:0;animation:cubeOpenCycle 3.6s cubic-bezier(.22,1,.36,1) infinite}
.cube-opening-sequence .hero-cube-closed{z-index:2;opacity:1;animation:cubeClosedCycle 3.6s cubic-bezier(.22,1,.36,1) infinite}
.hero-popout-packs{position:absolute;z-index:3;left:50%;bottom:3%;display:flex;align-items:flex-end;justify-content:center;width:43%;transform:translate(-50%,22px) scale(.78);opacity:0;animation:packRiseCycle 3.6s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none}
.hero-popout-packs img{display:block;width:33%;height:clamp(105px,12vw,145px);object-fit:contain;filter:drop-shadow(0 12px 9px var(--site-shadow));transform-origin:center bottom}
.hero-popout-packs img:nth-child(1){transform:rotate(-8deg) translateY(7px)}
.hero-popout-packs img:nth-child(2){transform:rotate(-2deg)}
.hero-popout-packs img:nth-child(3){transform:rotate(8deg) translateY(5px)}
@keyframes cubeClosedCycle{0%,27%{opacity:1;transform:scale(1)}35%,100%{opacity:0;transform:scale(.965)}}
@keyframes cubeOpenCycle{0%,27%{opacity:0;transform:scale(.965)}39%,100%{opacity:1;transform:scale(1)}}
@keyframes packRiseCycle{0%,49%{opacity:0;transform:translate(-50%,22px) scale(.78)}62%,100%{opacity:1;transform:translate(-50%,0) scale(1)}}
.prediction-entry-section{min-height:calc(100svh - 90px);display:grid;grid-template-columns:1fr minmax(280px,420px);align-items:center;gap:9%;padding:72px 9%;background:var(--eclipse-ink);color:var(--eclipse-paper)}
.prediction-entry-section .eyebrow{color:var(--eclipse-green)}
.prediction-entry-section h2{margin:26px 0 22px;color:var(--eclipse-paper);font-size:clamp(64px,8vw,108px);line-height:.92;letter-spacing:-.07em}
.prediction-entry-section p{max-width:380px;margin:0;color:#c9d4ce;font-size:16px}
.prediction-entry-card{border:1px solid var(--eclipse-paper);border-radius:25px;padding:24px;background:var(--eclipse-paper);color:var(--eclipse-ink);box-shadow:10px 10px 0 var(--eclipse-green);display:flex;flex-direction:column;gap:13px}
.prediction-entry-top{display:flex;justify-content:space-between;gap:12px;font:600 10px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em}
.prediction-entry-card>strong{font:500 clamp(43px,5vw,72px)/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.08em;margin-top:20px}
.prediction-entry-card>span{font:12px/1 'Eclipse Mono',ui-monospace,monospace;color:var(--eclipse-muted)}
.prediction-entry-card .button{margin-top:16px;min-height:54px}
.prediction-page-section{min-height:calc(100svh - 90px);display:grid;grid-template-columns:minmax(240px,.75fr) minmax(320px,520px);align-items:center;gap:8%;padding:64px 9%}
.prediction-page-copy .eyebrow{color:var(--eclipse-muted)}
.prediction-page-copy h1{font-size:clamp(58px,7vw,96px);margin:24px 0 20px;line-height:.94;letter-spacing:-.07em}
.prediction-page-copy p{max-width:360px;font-size:16px;margin:0 0 28px}
.prediction-page-panel{width:100%;margin:0}
html[data-theme=dark] .prediction-entry-section{background:#fff;color:#000}
html[data-theme=dark] .prediction-entry-section h2{color:#000}
html[data-theme=dark] .prediction-entry-section p{color:#53605a}
html[data-theme=dark] .prediction-page-copy .eyebrow{color:#b8c6bd}
@media(max-width:900px){.cube-opening-sequence{height:350px}.hero-popout-packs{width:49%}.prediction-entry-section,.prediction-page-section{gap:6%;padding-left:6%;padding-right:6%}}
@media(max-width:760px){
  html{scroll-padding-top:72px}
  main{scroll-snap-type:y proximity}
  main>section,main>.ticker{scroll-snap-align:start}
  .hero .actions{display:flex;margin-top:22px}
  .hero .actions .button{width:100%;justify-content:space-between}
  .cube-opening-sequence{height:330px;margin-top:2px}
  .cube-opening-sequence .cube-hero-image,.cube-opening-sequence .hero-cube-closed{width:min(100%,340px)}
  .hero-popout-packs{bottom:2%;width:57%}
  .hero-popout-packs img{height:clamp(92px,24vw,124px)}
  .prediction-entry-section{min-height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:24px;padding:30px 6%}
  .prediction-entry-section .eyebrow{justify-content:center}
  .prediction-entry-section .prediction-entry-copy{text-align:center}
  .prediction-entry-section h2{font-size:clamp(56px,15vw,78px);margin:19px 0 15px}
  .prediction-entry-section p{margin:0 auto;max-width:310px;font-size:14px;line-height:1.45}
  .prediction-entry-card{padding:18px;border-radius:20px;box-shadow:7px 7px 0 var(--eclipse-green);gap:10px}
  .prediction-entry-card>strong{font-size:clamp(39px,12vw,57px);margin-top:13px}
  .prediction-entry-card .button{margin-top:9px;min-height:50px}
  .section{min-height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:center;padding:24px 6%}
  .section-heading{width:100%;display:block;text-align:center;margin-bottom:18px}
  .section-heading>div{text-align:center}
  .section-heading .eyebrow{justify-content:center}
  .section-heading h2{font-size:clamp(35px,9.4vw,46px);letter-spacing:-1.8px}
  .section-heading>p{max-width:330px;margin:14px auto 0;font-size:12px;line-height:1.5}
  .pack-library{padding-top:24px;padding-bottom:24px}
  .pack-library .individual-packs,.pack-library .asset-note{display:none}
  .pack-library .exact-bundle{width:100%;padding:15px 12px 12px;border-radius:20px}
  .pack-library .bundle-products{min-height:clamp(235px,62vw,290px);gap:0}
  .pack-library .bundle-products img{height:clamp(210px,56vw,272px)}
  .pack-library .bundle-products img:nth-child(2){height:clamp(245px,66vw,310px)}
  .pack-library .bundle-plaque{margin-top:10px;padding-top:11px;font-size:9px}
  .pack-library .bundle-plaque span{margin-top:6px;font-size:6px}
  .stack-section{padding-top:24px;padding-bottom:24px}
  .stack-section .asset-note{display:none}
  #markets{padding-top:24px;padding-bottom:24px}
  #markets .market-toolbar{margin:13px 0 11px;align-items:center}
  #markets .filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;justify-content:center}
  #markets .filters button{flex:0 0 auto;padding:8px 10px}
  #markets .demo-label{display:none}
  #markets .market-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 9px;margin:0 -2px}
  #markets .market-card{flex:0 0 calc(50% - 6px);min-width:calc(50% - 6px);scroll-snap-align:start}
  #markets .market-image{height:130px}
  #markets .market-image .pack{transform:rotate(-9deg) scale(.76)}
  #markets .market-info{padding:11px}
  #markets .market-title h3{font-size:17px}
  #markets .market-title>span{font-size:8px;margin-top:5px;padding:4px 5px}
  #markets .market-info>p{font-size:10px!important;line-height:1.25;min-height:28px;margin:6px 0 11px}
  #markets .market-stats{padding-top:9px}
  #markets .market-stats small{font-size:7px}
  #markets .market-stats b{font-size:14px}
  #markets .market-card button{font-size:10px;padding:9px 8px;margin-top:10px}
  #how{padding-top:25px;padding-bottom:25px}
  #how .steps{grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}
  #how .steps article{padding-top:11px}
  #how .steps article>span{font-size:8px}
  #how .steps h3{font-size:14px;margin:12px 0 7px}
  #how .steps p{font-size:10px;line-height:1.35;margin:0}
  #oracle{display:grid;grid-template-columns:1fr;gap:15px;padding-top:25px;padding-bottom:25px}
  #oracle>div>p{font-size:12px;line-height:1.45;margin:12px auto 0}
  #oracle details{margin-top:14px;padding:12px 0}
  #oracle .value-proof{margin-top:0;padding:15px}
  #oracle .proof-row{padding:11px 0;font-size:10px}
  #oracle .proof-row strong,#oracle .proof-row del{font-size:21px}
  #oracle .yield-equation{margin-top:14px;font-size:15px}
  #agents{padding-top:25px;padding-bottom:25px}
  #agents .agent-layout{display:block}
  #agents .agent-layout>div>p{font-size:12px;line-height:1.45;margin:12px auto 0}
  #agents .agent-note{display:none}
  #agents .leaderboard{margin-top:16px}
  #agents .table-heading{padding:12px}
  #agents .table-heading strong{font-size:10px}
  #agents td,#agents th{padding:10px 7px}
  #agents td{font-size:9px}
  #agents th{font-size:6px}
  .prizes.section{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:auto;gap:12px;padding-top:24px;padding-bottom:24px}
  .prizes .prize{flex:0 0 calc(100vw - 12vw);min-width:calc(100vw - 12vw);margin:0;padding:20px}
  .prizes .prize h2{font-size:39px}
  .prizes .prize p{font-size:11px;line-height:1.4}
  .closing{min-height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:center;padding:24px 6% 35px}
  .prediction-page-section{min-height:calc(100svh - 72px);display:block;padding:30px 6% 38px}
  .prediction-page-copy{text-align:center}
  .prediction-page-copy .eyebrow{justify-content:center}
  .prediction-page-copy h1{font-size:clamp(51px,14vw,70px);margin:20px 0 15px}
  .prediction-page-copy p{font-size:14px;line-height:1.45;max-width:320px;margin:0 auto}
  .prediction-page-copy>a{display:none}
  .prediction-page-panel{margin-top:21px;padding:18px;border-radius:20px;box-shadow:7px 7px 0 var(--eclipse-green)}
  .prediction-page-panel .pool{margin:17px 0 18px;padding:18px 0}
  .prediction-page-panel .pool strong{font-size:clamp(42px,12vw,60px)}
}
@media(max-width:760px) and (max-height:740px){
  .hero{padding-top:26px}
  h1{font-size:50px;margin-top:17px;margin-bottom:13px}
  .hero-copy>p{font-size:13px;line-height:1.45}
  .cube-opening-sequence{height:275px}
  .section-heading{margin-bottom:13px}
  .section-heading h2{font-size:clamp(31px,8.6vw,40px)}
  .pack-library .bundle-products{min-height:210px}
  .pack-library .bundle-products img{height:190px}
  .pack-library .bundle-products img:nth-child(2){height:220px}
  #markets .market-image{height:112px}
  #how .steps p{font-size:9px}
  .prediction-page-panel .pool{padding:14px 0;margin:13px 0 14px}
}
@media(prefers-reduced-motion:reduce){
  .cube-opening-sequence .cube-hero-image{opacity:1;animation:none}
  .cube-opening-sequence .hero-cube-closed{display:none;animation:none}
  .hero-popout-packs{opacity:1;transform:translate(-50%,0) scale(1);animation:none}
}

/* Prediction Dex is the product route, so its terminal label should not read like a preview. */
.prediction-page-panel:before{content:'PACKDEX™ / PREDICTION DEX'}

/* 2026-09-10 hero opening refinement: empty branded cube, centered packs, graded-card burst and final value. */
.brand-icon{background:#000;padding:5px;object-fit:contain}
.cube-opening-sequence .cube-hero-image{z-index:1;opacity:0;animation:cubeOpenCycleV2 3.8s cubic-bezier(.22,1,.36,1) infinite}
.cube-opening-sequence .hero-cube-closed{z-index:2;animation:cubeClosedCycleV2 3.8s cubic-bezier(.22,1,.36,1) infinite}
.hero-popout-packs{z-index:3;bottom:7%;width:50%;transform:translate(-50%,24px) scale(.72);animation:packRiseCycleV2 3.8s cubic-bezier(.22,1,.36,1) infinite}
.hero-popout-packs img{height:clamp(118px,13vw,168px)}
.hero-card-burst{position:absolute;z-index:4;left:50%;bottom:25%;width:60%;height:34%;display:flex;align-items:flex-end;justify-content:center;transform:translate(-50%,24px) scale(.78);opacity:0;animation:heroCardBurstCycle 3.8s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none}
.hero-card-burst img{position:absolute;display:block;width:23%;height:clamp(112px,15vw,170px);object-fit:contain;filter:drop-shadow(0 13px 10px var(--site-shadow));animation:heroCardFloat 3.8s ease-in-out infinite}
.hero-card-burst img:nth-child(1){transform:translateX(-46%) rotate(-18deg) translateY(20px);animation-delay:-.16s}
.hero-card-burst img:nth-child(2){transform:translateX(-15%) rotate(-6deg);animation-delay:-.06s}
.hero-card-burst img:nth-child(3){transform:translateX(15%) rotate(7deg);animation-delay:-.28s}
.hero-card-burst img:nth-child(4){transform:translateX(46%) rotate(18deg) translateY(17px);animation-delay:-.2s}
.hero-value-overlay{position:absolute;z-index:5;left:50%;top:6%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 14px 11px;background:var(--site-ink);color:var(--site-bg);border:1px solid var(--eclipse-green);box-shadow:6px 6px 0 var(--eclipse-green);transform:translate(-50%,-12px) scale(.94);opacity:0;animation:heroValueOverlayCycle 3.8s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none;white-space:nowrap}
.hero-value-overlay span,.hero-value-overlay small{font:600 8px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.12em}
.hero-value-overlay strong{font:500 clamp(25px,4vw,42px)/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.08em;color:inherit}
@keyframes cubeClosedCycleV2{0%,22%{opacity:1;transform:scale(1)}31%,100%{opacity:0;transform:scale(.95)}}
@keyframes cubeOpenCycleV2{0%,20%{opacity:0;transform:scale(.95)}34%,100%{opacity:1;transform:scale(1)}}
@keyframes packRiseCycleV2{0%,35%{opacity:0;transform:translate(-50%,24px) scale(.72)}48%,100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes heroCardBurstCycle{0%,49%{opacity:0;transform:translate(-50%,24px) scale(.78)}62%,100%{opacity:1;transform:translate(-50%,-3px) scale(1)}}
@keyframes heroCardFloat{0%,100%{margin-bottom:0}50%{margin-bottom:8px}}
@keyframes heroValueOverlayCycle{0%,73%{opacity:0;transform:translate(-50%,-12px) scale(.94)}84%,100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:760px){
  .brand-icon{padding:4px;border-radius:8px}
  .cube-opening-sequence .hero-popout-packs{bottom:5%;width:66%}
  .hero-popout-packs img{height:clamp(104px,28vw,142px)}
  .hero-card-burst{bottom:25%;width:72%;height:34%}
  .hero-card-burst img{height:clamp(86px,23vw,120px)}
  .hero-value-overlay{top:2%;padding:8px 10px 9px;box-shadow:4px 4px 0 var(--eclipse-green)}
  .hero-value-overlay span,.hero-value-overlay small{font-size:6px}
  .hero-value-overlay strong{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
  .cube-opening-sequence .cube-hero-image{opacity:1;animation:none}
  .cube-opening-sequence .hero-cube-closed{display:none;animation:none}
  .hero-popout-packs{opacity:1;transform:translate(-50%,0) scale(1);animation:none}
  .hero-card-burst{opacity:1;transform:translate(-50%,0) scale(1);animation:none}
  .hero-card-burst img{animation:none}
  .hero-value-overlay{opacity:1;transform:translate(-50%,0) scale(1);animation:none}
}

/* 2026-09-10 Prediction Dex market simulator. */
.prediction-page-copy .simulation-badge{display:flex;flex-direction:column;gap:8px;max-width:320px;margin-top:30px;padding:14px 0;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}
.simulation-badge strong{font:600 10px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.12em;color:var(--eclipse-muted)}
.simulation-badge span{font-size:12px;line-height:1.45;color:var(--site-muted)}
.prediction-page-panel select,.prediction-page-panel input{width:100%;min-width:0;border:1px solid var(--site-line);border-radius:10px;background:var(--site-stage);color:var(--site-ink);padding:13px 14px;margin-top:8px;outline-offset:2px}
.prediction-page-panel select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}
.sim-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.sim-field-grid label{display:block;font:600 10px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.sim-field-grid input{font:500 22px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.05em}
.sim-metrics{display:flex;align-items:end;justify-content:space-between;gap:14px;border-top:1px solid var(--site-line);margin-top:17px;padding-top:14px}
.sim-metrics div{display:flex;flex-direction:column;gap:7px}
.sim-metrics span,.ledger-metrics span,.queue-card-meta,.queue-card-status,.sim-panel-top,.ledger-history-top{font:600 9px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--eclipse-muted)}
.sim-metrics strong{font:500 23px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.06em}
.sim-metrics>span{text-align:right;font-size:8px;line-height:1.4;max-width:142px}
.prediction-sim-section{min-height:calc(100svh - 90px);padding:72px 9%;background:var(--site-stage);border-top:1px solid var(--site-line)}
.prediction-sim-heading{display:flex;justify-content:space-between;align-items:end;gap:8%;margin-bottom:30px}
.prediction-sim-heading h2{margin-top:22px;font-size:clamp(46px,5.7vw,78px);line-height:.93}
.prediction-sim-heading>p{max-width:380px;margin:0;font-size:14px}
.prediction-sim-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.queue-panel,.ledger-panel{border:1px solid var(--site-line);border-radius:20px;background:var(--site-surface);padding:18px;min-width:0}
.sim-panel-top,.ledger-history-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--site-line);color:var(--site-ink)}
.sim-panel-top span:last-child,.ledger-history-top span{color:var(--eclipse-muted)}
.packdex-queue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.queue-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:11px;border:1px solid var(--site-line);border-radius:14px;background:transparent;color:var(--site-ink);text-align:left;transition:transform .25s,background .25s,border-color .25s,opacity .25s}
.queue-card:hover,.queue-card:focus-visible,.queue-card.is-selected{transform:translateY(-3px);border-color:var(--site-ink);background:var(--site-stage)}
.queue-card.is-settled{opacity:.56}
.queue-card-status{display:flex;align-items:center;gap:6px;color:var(--site-muted);font-size:8px}
.queue-card-status i{display:block;width:6px;height:6px;border-radius:50%;background:var(--site-muted)}
.queue-card.is-selected .queue-card-status,.queue-card.is-selected .queue-card-status i{color:var(--eclipse-green);background:var(--eclipse-green)}
.queue-card.is-settled .queue-card-status i{background:var(--eclipse-muted)}
.queue-card-code{font:600 9px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.09em;color:var(--eclipse-muted)}
.queue-card img{width:100%;height:86px;object-fit:contain;filter:drop-shadow(0 10px 8px var(--site-shadow));mix-blend-mode:normal}
.queue-card-name{font:600 16px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.06em}
.queue-card-meta{font-size:7px;line-height:1.4;letter-spacing:.06em}
.sim-footnote{margin:15px 0 0;font-size:11px;line-height:1.5;color:var(--site-muted)}
.ledger-panel{padding-bottom:0}
.ledger-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--site-line)}
.ledger-metrics div{display:flex;flex-direction:column;gap:10px;padding:17px 10px 17px 0;border-bottom:1px solid var(--site-line)}
.ledger-metrics div:nth-child(even){padding-left:10px;border-left:1px solid var(--site-line)}
.ledger-metrics div:nth-last-child(-n+2){border-bottom:0}
.ledger-metrics strong{font:500 21px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.06em}
.ledger-metrics strong.is-negative,.negative{color:#d76559!important}
.positive{color:#3c9d62!important}
.ledger-history{margin:0 -18px}
.ledger-history-top{padding:16px 18px 13px;border-bottom:1px solid var(--site-line)}
.table-scroll{overflow-x:auto}
.ledger-panel table{width:100%;border-collapse:collapse;min-width:360px}
.ledger-panel th,.ledger-panel td{padding:12px 10px;font:600 8px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.06em;text-align:right;white-space:nowrap}
.ledger-panel th:first-child,.ledger-panel td:first-child{text-align:left;padding-left:18px}
.ledger-panel td{font-size:11px;font-weight:500;letter-spacing:-.02em;border-top:1px solid var(--site-line)}
.ledger-panel td strong,.ledger-panel td small{display:block}
.ledger-panel td small{margin-top:4px;font-size:7px;letter-spacing:.06em;color:var(--site-muted)}
.empty-history{text-align:center!important;color:var(--site-muted);padding:22px!important;font-size:9px!important}
.execution-status,.settlement-receipt{border-top:1px solid var(--site-line);margin-top:18px;padding-top:16px}
.execution-status>strong,.receipt-top span,.receipt-top strong{font:600 9px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em}
.execution-status ol{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none;counter-reset:execution}
.execution-status li{font-size:10px;color:var(--site-muted);opacity:.45;animation:executionStep .7s ease-out forwards}
.execution-status li:nth-child(2){animation-delay:.25s}.execution-status li:nth-child(3){animation-delay:.5s}.execution-status li:nth-child(4){animation-delay:.75s}
.execution-status li:before{counter-increment:execution;content:'0' counter(execution) ' / ';font:600 8px/1 'Eclipse Mono',ui-monospace,monospace;color:var(--eclipse-muted)}
@keyframes executionStep{to{opacity:1;color:var(--site-ink)}}
.receipt-top{display:flex;justify-content:space-between;gap:10px}.receipt-top strong{color:#3c9d62}
.receipt-draw{display:flex;flex-direction:column;gap:7px;text-align:center;padding:18px 0;border-bottom:1px solid var(--site-line)}
.receipt-draw span,.receipt-grid span{font:600 8px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em;color:var(--eclipse-muted)}
.receipt-draw strong{font:500 34px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.08em}.receipt-draw small{font-size:9px;color:var(--site-muted)}
.receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 0}.receipt-grid div{display:flex;flex-direction:column;gap:8px}.receipt-grid strong{font:500 16px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.06em}
.settlement-receipt p{font-size:10px;line-height:1.45;margin:0 0 16px}.settlement-receipt .button{width:100%;font-size:10px;padding:13px 14px}
html[data-theme=dark] .prediction-sim-section{background:#080d0a}
html[data-theme=dark] .queue-panel,html[data-theme=dark] .ledger-panel{background:#000}
html[data-theme=dark] .prediction-page-panel select,html[data-theme=dark] .prediction-page-panel input{background:#111;color:#fff}
@media(max-width:760px){
  .prediction-page-copy .simulation-badge{max-width:300px;margin:22px auto 0;text-align:center}
  .prediction-page-panel select,.prediction-page-panel input{padding:12px 11px}
  .sim-field-grid{gap:8px}.sim-field-grid input{font-size:19px}
  .sim-metrics{margin-top:14px;padding-top:12px}.sim-metrics strong{font-size:20px}
  .prediction-sim-section{min-height:calc(100svh - 72px);padding:38px 6%}
  .prediction-sim-heading{display:block;text-align:center;margin-bottom:21px}.prediction-sim-heading .eyebrow{justify-content:center}.prediction-sim-heading h2{font-size:clamp(43px,13vw,62px);margin-top:19px}.prediction-sim-heading>p{font-size:12px;line-height:1.45;margin:15px auto 0;max-width:320px}
  .prediction-sim-layout{display:block}.queue-panel,.ledger-panel{padding:13px;border-radius:18px}.packdex-queue{display:flex;overflow-x:auto;gap:9px;padding:2px 2px 6px;margin-top:12px;scroll-snap-type:x mandatory}.queue-card{flex:0 0 66vw;scroll-snap-align:start;padding:10px}.queue-card img{height:92px}.queue-card-name{font-size:15px}.queue-panel .sim-footnote{font-size:10px;margin-top:11px}.ledger-panel{margin-top:15px}.ledger-history{margin:0 -13px}.ledger-history-top{padding:14px 13px 12px}.ledger-panel th,.ledger-panel td{padding-left:8px;padding-right:8px}.ledger-panel th:first-child,.ledger-panel td:first-child{padding-left:13px}
  .receipt-grid strong{font-size:14px}.receipt-draw strong{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.execution-status li{animation:none;opacity:1;color:var(--site-ink)}}
/* Concept business-model layer. Keep the mechanism legible and the concept boundary visible. */
.tokenomics-section{background:var(--site-stage);border-top:1px solid var(--site-line);padding-top:80px;padding-bottom:80px}
.tokenomics-heading{align-items:flex-end}
.tokenomics-heading>p{max-width:460px}
.ticker-inline{font-family:'Packdex Mono',ui-monospace,monospace;font-size:.72em;letter-spacing:-.08em}
.model-clarity{position:relative;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:26px;margin:34px 0 28px;padding:20px 22px;border:1px solid var(--site-ink);background:var(--site-surface);box-shadow:8px 8px 0 var(--site-accent)}
.model-clarity>strong{font:600 11px/1.2 'Packdex Mono',ui-monospace,monospace;letter-spacing:.08em}
.model-clarity>p{margin:0;max-width:720px;font-size:14px!important;line-height:1.5!important;color:var(--site-ink)}
.concept-badge{align-self:start;padding:7px 9px;border:1px solid var(--site-line);font:600 9px/1 'Packdex Mono',ui-monospace,monospace;color:var(--site-muted);white-space:nowrap}
.model-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.model-card{min-height:210px;padding:22px;border:1px solid var(--site-line);background:var(--site-surface);transition:transform .25s,box-shadow .25s}
.model-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--site-accent)}
.model-card>span{font:600 10px/1 'Packdex Mono',ui-monospace,monospace;color:var(--site-muted)}
.model-label{display:inline-block;margin-left:10px;padding:5px 7px;border:1px solid var(--site-line);font:600 8px/1 'Packdex Mono',ui-monospace,monospace;letter-spacing:.08em;color:var(--site-muted)}
.model-card h3{margin:40px 0 12px;font-size:25px;letter-spacing:-.8px}
.model-card p{margin:0;font-size:13px!important;line-height:1.55!important}
.tokenomics-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.allocation-panel,.fee-panel{padding:24px;border:1px solid var(--site-line);background:var(--site-surface)}
.token-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--site-line);padding-bottom:18px}
.token-panel-top>div{display:flex;flex-direction:column;gap:9px}
.token-panel-top .eyebrow{font-size:9px;color:var(--site-muted)}
.token-panel-top strong{font:500 clamp(36px,4vw,58px)/.9 'Packdex Mono',ui-monospace,monospace;letter-spacing:-.1em}
.token-panel-top>span{font:600 9px/1 'Packdex Mono',ui-monospace,monospace;color:var(--site-muted);white-space:nowrap}
.token-panel-intro{margin:17px 0 20px;font-size:12px!important;line-height:1.55!important}
.allocation-list{display:grid;gap:14px}
.allocation-item{display:grid;gap:6px}
.allocation-meta,.fee-flow-item>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:12px}
.allocation-meta b,.fee-flow-item b{font:500 14px/1 'Packdex Mono',ui-monospace,monospace}
.allocation-bar{height:7px;background:var(--site-elevated);overflow:hidden}
.allocation-bar i{display:block;height:100%;background:var(--site-accent)}
.allocation-item small,.fee-flow-item small{font-size:10px;line-height:1.4;color:var(--site-muted)}
.fee-flow-list{display:grid;gap:0;border-top:1px solid var(--site-line)}
.fee-flow-item{padding:14px 0;border-bottom:1px solid var(--site-line)}
.fee-flow-item>div{font-size:13px}
.fee-flow-item b{color:var(--site-ink)}
.token-panel-note{margin:18px 0 0;padding:12px;border-left:3px solid var(--site-accent);background:var(--site-elevated);font-size:11px!important;line-height:1.5!important}
.tokenomics-disclaimer{margin:23px 0 0;font:10px/1.6 'Packdex Mono',ui-monospace,monospace;color:var(--site-muted)!important;max-width:900px}
.closing{display:flex;flex-direction:column;align-items:center}.closing-secondary{margin-top:18px;font-size:12px}
@media(max-width:900px){.model-clarity{grid-template-columns:1fr auto;gap:15px}.model-clarity>p{grid-column:1/-1;grid-row:2}.tokenomics-detail-grid{gap:12px}}
@media(max-width:760px){.tokenomics-section{padding-top:52px;padding-bottom:58px}.model-clarity{display:block;padding:17px 16px;box-shadow:6px 6px 0 var(--site-accent)}.model-clarity>strong{display:block;margin-bottom:12px}.concept-badge{display:inline-block;margin-top:14px}.model-loop{grid-template-columns:1fr;gap:12px}.model-card{min-height:0;padding:18px}.model-card h3{margin:28px 0 9px;font-size:23px}.tokenomics-detail-grid{grid-template-columns:1fr;gap:12px}.allocation-panel,.fee-panel{padding:18px}.token-panel-top strong{font-size:42px}.tokenomics-disclaimer{font-size:9px}.closing-secondary{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.model-card:hover{transform:none;box-shadow:none}}

/* 2026-09-10 coming-soon higher/lower strategy and small-ticket participant route. */
.prediction-entry-card .prediction-entry-top{color:var(--eclipse-muted)}
.prediction-entry-card>strong em{font-style:italic;color:var(--site-accent)}
.prediction-entry-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding-top:14px;border-top:1px solid var(--site-line)}
.prediction-entry-metrics>div{display:flex;flex-direction:column;gap:6px}
.prediction-entry-metrics b{font:600 16px/1 'Packdex Mono',ui-monospace,monospace;letter-spacing:-.06em}
.prediction-entry-metrics small{font:600 8px/1.2 'Packdex Mono',ui-monospace,monospace;letter-spacing:.06em;color:var(--site-muted)}
.sim-direction-field{display:grid;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid var(--site-line)}
.sim-direction-label{font:600 10px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.08em;color:var(--site-ink);text-transform:uppercase}
.sim-direction-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sim-direction-option{min-height:42px;border:1px solid var(--site-line);border-radius:10px;background:var(--site-stage);color:var(--site-muted);font:600 11px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.08em;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.sim-direction-option:hover,.sim-direction-option:focus-visible{border-color:var(--site-ink);color:var(--site-ink);transform:translateY(-1px)}
.sim-direction-option.is-selected{background:var(--site-ink);border-color:var(--site-ink);color:var(--site-surface);box-shadow:4px 4px 0 var(--site-accent)}
.sim-direction-field small{font-size:10px;line-height:1.4;color:var(--site-muted)}
.prediction-page-panel .sim-direction-field{border-top-color:#6f937a}
.prediction-page-panel .sim-direction-label{color:#effff0}
.prediction-page-panel .sim-direction-option{border-color:#83a992;background:#16271d;color:#bdd3c2}
.prediction-page-panel .sim-direction-option:hover,.prediction-page-panel .sim-direction-option:focus-visible{border-color:#a1fea0;color:#fff}
.prediction-page-panel .sim-direction-option.is-selected{background:#a1fea0;border-color:#c1ffbb;color:#102017;box-shadow:4px 4px 0 #6da478}
.prediction-page-panel .sim-direction-field small{color:#bdd3c2}
@media(max-width:760px){.prediction-entry-metrics{gap:5px}.prediction-entry-metrics b{font-size:14px}.prediction-entry-metrics small{font-size:7px}.sim-direction-options{gap:6px}.sim-direction-option{min-height:39px}.prediction-entry-card>strong{font-size:clamp(39px,12vw,57px)}}
@media(prefers-reduced-motion:reduce){.sim-direction-option{transition:none}}

/* 2026-09-10 readability pass: give the Prediction Dex a deliberate dark instrument surface. */
.prediction-page-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#31493b 0%,#24372e 48%,#17241e 100%);color:#f4fff4;border:1px solid #7fa58a;box-shadow:14px 14px 0 var(--eclipse-green),0 26px 42px #12201755;isolation:isolate}

/* Keep horizontal clipping on the document root so the body never becomes a nested scroller. */
html{overflow-x:clip}
body{overflow-x:visible}
.prediction-page-panel:before{content:'PACKDEX™ / PARTICIPANT PREDICTIONS';position:absolute;z-index:2;top:0;right:0;padding:10px 14px;background:#101810;color:#a1fea0;border-left:1px solid #7fa58a;border-bottom:1px solid #7fa58a;font:600 9px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em}
.prediction-page-panel:after{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(115deg,#ffffff12,transparent 35%,transparent 70%,#a1fea012);pointer-events:none}
.prediction-page-panel>*{position:relative;z-index:1}
.prediction-page-panel .panel-top{padding-top:7px;color:#effff0;border-bottom-color:#6f937a}
.prediction-page-panel .panel-top>span:first-child{color:#a1fea0}
.prediction-page-panel .panel-top>span:last-child{color:#d6f1d8}
.prediction-page-panel .pool{margin:22px 0 24px;padding:27px 0 23px;border-block:1px solid #6f937a}
.prediction-page-panel .pool>span{color:#bdd3c2!important}
.prediction-page-panel .pool>span:last-child{color:#b7d8bd!important}
.prediction-page-panel .pool strong{color:#fff!important;text-shadow:0 2px 0 #0b1410,0 7px 18px #0006}
.prediction-page-panel label{color:#effff0}
.prediction-page-panel select,.prediction-page-panel input{border-color:#83a992;background:linear-gradient(180deg,#f8fcf8 0%,#e7f0e9 100%);color:#132019;box-shadow:inset 0 2px 0 #fff,0 4px 0 #0d1811,0 10px 18px #09120d33;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.prediction-page-panel select:focus,.prediction-page-panel input:focus{border-color:#a1fea0;transform:translateY(-1px);box-shadow:0 0 0 3px #a1fea044,inset 0 2px 0 #fff,0 5px 0 #0d1811,0 13px 22px #09120d44}
.prediction-page-panel .sim-metrics{border-top-color:#6f937a}
.prediction-page-panel .sim-metrics span{color:#bdd3c2!important}
.prediction-page-panel .sim-metrics strong{color:#fff!important;text-shadow:0 2px 0 #0b1410}
.prediction-page-panel .range-caption{color:#c8ddca}
.prediction-page-panel .range-caption span:last-child{color:#a1fea0!important}
.prediction-page-panel .button.lime{border:1px solid #c1ffbb;box-shadow:0 5px 0 #6da478,0 14px 24px #08130c55}
.prediction-page-panel .button.lime:hover{background:#c5ffb5;color:#0f1d14;transform:translateY(-2px)}
.prediction-page-panel #reveal{color:#effff0}
.prediction-page-panel #reveal h3{color:#a1fea0}
.prediction-page-panel .reveal-value,.prediction-page-panel .result-text{color:#fff}
.prediction-page-panel .receipt-draw strong,.prediction-page-panel .receipt-grid strong{color:#fff!important;text-shadow:0 2px 0 #0b1410}
.prediction-page-panel .receipt-draw small,.prediction-page-panel .settlement-receipt p{color:#c8ddca!important}
.prediction-page-panel .reveal-card{background:#2d4939;border-color:#83a992;color:#effff0;box-shadow:0 5px 0 #102219}
.prediction-page-panel .reveal-card span{color:#a1fea0}
.hero-card-burst img.hero-card-burst-image{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;transform:none!important;animation:heroCardFloat 3.8s ease-in-out infinite;filter:drop-shadow(0 16px 12px var(--site-shadow))}
@media(max-width:760px){
  header{gap:6px}
  .header-actions{gap:5px;min-width:0}
  .header-actions .small{flex:0 0 38px;width:38px;height:38px;padding:0;justify-content:center;gap:0;font-size:0;overflow:hidden}
  .header-actions .small:after{content:'↗';font-size:18px;line-height:1}
  .prediction-entry-note{display:block;margin-top:4px;color:var(--eclipse-muted);font:600 9px/1.4 'Eclipse Mono',ui-monospace,monospace}
  .prediction-page-panel{box-shadow:8px 8px 0 var(--eclipse-green),0 18px 30px #12201744}
  .prediction-page-panel:before{padding:9px 10px;font-size:7px}
  .prediction-page-panel .pool{margin:17px 0 18px;padding:19px 0 17px}
  .hero-card-burst img.hero-card-burst-image{height:100%;width:100%}
}

/* 2026-09-10 browser-comment refinement: readable market art, quiet rails and ranking motion. */
@media(max-width:760px){
  #markets .market-grid,
  #markets .filters,
  .prizes{scrollbar-width:none;-ms-overflow-style:none}
  #markets .market-grid::-webkit-scrollbar,
  #markets .filters::-webkit-scrollbar,
  .prizes::-webkit-scrollbar{display:none}

  #markets .market-image:has(.index-cube){height:clamp(148px,48vw,188px)}
  #markets .index-cube{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:0;mix-blend-mode:normal;filter:drop-shadow(0 11px 9px var(--site-shadow))}
  #markets .market-info{padding:9px}
  #markets .market-title h3{font-size:15px;line-height:1}
  #markets .market-title>span{margin-top:3px;padding:3px 4px;font-size:7px;line-height:1}
  #markets .market-info>p{font-size:10px!important;line-height:1.18;min-height:30px;margin:5px 0 8px}
  #markets .market-stats{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5px;padding-top:7px}
  #markets .market-stats small{font-size:7px;line-height:1.05;min-height:15px;margin-bottom:2px}
  #markets .market-stats b{font-size:13px;line-height:1}
  #markets .market-card button{font-size:9px;line-height:1.1;padding:8px 7px;margin-top:8px;min-height:36px}

  .prediction-entry-card{justify-content:center;align-items:stretch;min-height:144px;padding:18px}
  .prediction-entry-card .button{margin-top:0}
  .prizes.section{scroll-behavior:auto;overscroll-behavior-inline:contain}
  .prizes .prize{min-height:260px}
}

.prediction-entry-card{justify-content:center;align-items:stretch;min-height:156px}
.prediction-entry-card .button{margin-top:0}

.leaderboard tbody tr{position:relative;transform:translateY(0);transition:transform 1.2s cubic-bezier(.22,1,.36,1),background-color .35s ease;will-change:transform}
.leaderboard tbody tr.is-shifting{background:#a1fea01c}

.closing h2 em{font-family:'Eclipse UI',Arial,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.06em}
@media(max-width:760px){.closing h2{font-size:clamp(48px,16vw,64px)}}

footer,
html[data-theme=dark] footer{background:#000!important;color:#fff!important;border-color:#fff!important}
footer a,
footer span,
footer .wordmark{color:#fff!important}
footer .brand-icon{background:#000!important}

@media(prefers-reduced-motion:reduce){
  .leaderboard tbody tr{transition:none;transform:none!important;will-change:auto}
}

.footer-policy-link{font:400 clamp(10px,.7vw,12px)/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;padding-bottom:4px;text-decoration:none;border-bottom:0}
.footer-policy-link:hover,.footer-policy-link:focus-visible{text-decoration:none;border-bottom:0}

/* Final Prediction Dex pass: keep the market surface legible after all theme and mobile overrides. */
.prediction-page-panel{background:linear-gradient(145deg,#31493b 0%,#24372e 48%,#17241e 100%)!important;color:#f4fff4!important;border:1px solid #7fa58a!important;box-shadow:14px 14px 0 var(--eclipse-green),0 26px 42px #12201755!important}
.prediction-page-panel:before{content:'PACKDEX™ / PREDICTION DEX'!important;position:absolute;z-index:2;top:0;right:0;padding:10px 14px;background:#101810;color:#a1fea0;border-left:1px solid #7fa58a;border-bottom:1px solid #7fa58a;font:600 9px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em}
.prediction-page-panel .panel-top{color:#effff0!important;border-bottom-color:#6f937a!important}
.prediction-page-panel .panel-top>span:first-child{color:#a1fea0!important}
.prediction-page-panel .panel-top>span:last-child{color:#d6f1d8!important}
.prediction-page-panel .pool{margin:22px 0 24px;padding:27px 0 23px;border-block:1px solid #6f937a}
.prediction-page-panel .pool>span{color:#bdd3c2!important}
.prediction-page-panel .pool>span:last-child{color:#b7d8bd!important}
.prediction-page-panel .pool strong,#sim-pool{color:#fff!important;text-shadow:0 2px 0 #0b1410,0 7px 18px #0006}
.prediction-page-panel label{color:#effff0!important}
.prediction-page-panel select,.prediction-page-panel input{border-color:#83a992!important;background:linear-gradient(180deg,#f8fcf8 0%,#e7f0e9 100%)!important;color:#132019!important;box-shadow:inset 0 2px 0 #fff,0 4px 0 #0d1811,0 10px 18px #09120d33!important}
.prediction-page-panel select:focus,.prediction-page-panel input:focus{border-color:#a1fea0!important;box-shadow:0 0 0 3px #a1fea044,inset 0 2px 0 #fff,0 5px 0 #0d1811,0 13px 22px #09120d44!important}
.prediction-page-panel .sim-metrics{border-top-color:#6f937a!important}
.prediction-page-panel .sim-metrics span{color:#bdd3c2!important}
.prediction-page-panel .sim-metrics strong{color:#fff!important;text-shadow:0 2px 0 #0b1410}
.prediction-page-panel .range-caption{color:#c8ddca!important}
.prediction-page-panel .range-caption span:last-child{color:#a1fea0!important}
.prediction-page-panel .button.lime{border:1px solid #c1ffbb;box-shadow:0 5px 0 #6da478,0 14px 24px #08130c55}
.prediction-page-panel .button.lime:hover{background:#c5ffb5;color:#0f1d14;transform:translateY(-2px)}
.prediction-page-panel .oracle-mini{color:#c8ddca!important}
.prediction-page-panel .oracle-mini a{color:#a1fea0!important}
.prediction-page-panel #reveal{color:#effff0}
.prediction-page-panel #reveal h3{color:#a1fea0}
.prediction-page-panel .reveal-value,.prediction-page-panel .result-text{color:#fff}
.prediction-page-panel .reveal-card{background:#2d4939;border-color:#83a992;color:#effff0;box-shadow:0 5px 0 #102219}
.prediction-page-panel .reveal-card span{color:#a1fea0}
.hero-card-burst img.hero-card-burst-image{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;transform:none!important;animation:heroCardFloat 3.8s ease-in-out infinite;filter:drop-shadow(0 16px 12px var(--site-shadow))}
@media(max-width:760px){
  .prediction-page-panel{box-shadow:8px 8px 0 var(--eclipse-green),0 18px 30px #12201744!important}
  .prediction-page-panel:before{padding:9px 10px;font-size:7px}
  .prediction-page-panel .pool{margin:17px 0 18px;padding:19px 0 17px}
}

/* 2026-09-10 browser-comment pass: mobile-first hero, section order, color and continuous rails. */
.ticker>div{animation-duration:20s}
#how{background:#101810;color:#fff;border-color:#101810}
#how .eyebrow,#how h2{color:#fff}
#how .section-heading>p{color:#c8d8cd}
#how .steps article{border:1px solid #ffffff33;border-radius:18px;padding:20px;background:#1d3027}
#how .steps article:nth-child(1){background:#a1fea0;color:#101810}
#how .steps article:nth-child(2){background:#f5d36d;color:#101810}
#how .steps article:nth-child(3){background:#9ed6ff;color:#101810}
#how .steps article:nth-child(4){background:#f0a5d9;color:#101810}
#how .steps article>span,#how .steps article h3,#how .steps article p{color:inherit}
#how .steps article>span{font-weight:600}
.cube-opening-sequence .hero-cube-closed{background:transparent!important;mix-blend-mode:normal}

@media(max-width:760px){
  .hero{display:flex;flex-direction:column}
  .hero-art{order:-1}
  .hero-copy{order:0}
  .hero-bottom{order:1}
  .hero h1{font-size:clamp(34px,10.4vw,50px);line-height:.96;letter-spacing:-.045em;text-wrap:balance}
  .cube-opening-sequence:before{display:none}
  .cube-hero-stage:after{display:none}
  #oracle>div:first-child{text-align:center}
  #oracle>div:first-child .eyebrow{justify-content:center}
  #oracle>div:first-child h2{margin-left:auto;margin-right:auto}
  #how .steps article{padding:14px;border-radius:16px}
  .prizes.section{scroll-snap-type:none;scroll-behavior:auto}
  .prizes .prize{scroll-snap-align:none}
}

/* 2026-09-10 copy cleanup, brighter reveal and mobile legibility pass. */
.art-caption{display:none!important}
.closing{position:relative}
.closing-logo{display:block;width:60px;height:60px;margin:0 auto 18px;object-fit:contain;background:transparent;border-radius:0;padding:0;box-shadow:none;animation:closingLogoFloat 4.8s ease-in-out infinite}
.cube-opening-sequence{position:relative;isolation:isolate}
.cube-opening-sequence:before{content:'';display:block!important;position:absolute;z-index:0;left:50%;top:8%;width:88%;height:82%;transform:translateX(-50%) scale(.78);border-radius:50%;background:radial-gradient(circle,#fff 0%,#f7fff8 24%,#dcffe4 43%,rgba(161,254,160,.36) 60%,transparent 76%);filter:blur(18px);opacity:0;pointer-events:none;animation:heroRevealLight 5.7s cubic-bezier(.22,1,.36,1) infinite}
.cube-opening-sequence .cube-hero-image,.cube-opening-sequence .hero-cube-closed{z-index:1}
.cube-opening-sequence .hero-popout-packs{z-index:3}
.cube-opening-sequence .hero-card-burst{z-index:4;width:min(92%,760px);height:52%;bottom:18%}
.cube-opening-sequence .hero-card-burst img.hero-card-burst-image{width:100%;height:100%;object-fit:contain}
.cube-opening-sequence .hero-value-overlay{z-index:5}
.cube-opening-sequence .cube-hero-image,
.cube-opening-sequence .hero-cube-closed,
.cube-opening-sequence .hero-popout-packs,
.cube-opening-sequence .hero-card-burst,
.cube-opening-sequence .hero-value-overlay,
.cube-opening-sequence .hero-card-burst img.hero-card-burst-image{animation-duration:5.7s!important}
@keyframes heroRevealLight{0%,42%{opacity:0;transform:translateX(-50%) scale(.78)}54%,100%{opacity:.92;transform:translateX(-50%) scale(1)}}
.allocation-bar{position:relative}
.allocation-bar i{transform:scaleX(0);transform-origin:left center;will-change:transform}
.tokenomics-section.is-visible .allocation-bar i{animation:allocationFill .95s cubic-bezier(.22,1,.36,1) var(--bar-delay,0ms) both}
.allocation-item:nth-child(2) .allocation-bar i{--bar-delay:90ms}
.allocation-item:nth-child(3) .allocation-bar i{--bar-delay:180ms}
.allocation-item:nth-child(4) .allocation-bar i{--bar-delay:270ms}
.allocation-item:nth-child(5) .allocation-bar i{--bar-delay:360ms}
@keyframes allocationFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes closingLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.tokenomics-logo-orbit{position:relative;width:min(360px,100%);height:156px;margin:18px 0 0;perspective:720px;transform-style:preserve-3d}
.tokenomics-logo-float{position:absolute;display:block;opacity:0;transform:translateY(22px) scale(.78);will-change:transform,opacity}
.tokenomics-logo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 9px #0b17122e);animation:tokenLogoLevitate 4.8s ease-in-out infinite}
.tokenomics-logo-float-main{width:130px;height:130px;left:50%;top:8px;margin-left:-65px;z-index:2}
.tokenomics-logo-float-left{width:62px;height:62px;left:8%;top:53px;z-index:1}
.tokenomics-logo-float-right{width:70px;height:70px;right:7%;top:20px;z-index:1}
.tokenomics-section.is-visible .tokenomics-logo-float{animation:tokenLogoReveal .88s cubic-bezier(.22,1,.36,1) var(--logo-delay,0ms) both}
.tokenomics-section.is-visible .tokenomics-logo-float-main{--logo-delay:80ms}
.tokenomics-section.is-visible .tokenomics-logo-float-left{--logo-delay:210ms}
.tokenomics-section.is-visible .tokenomics-logo-float-right{--logo-delay:330ms}
@keyframes tokenLogoReveal{from{opacity:0;transform:translateY(22px) scale(.78) rotateY(-16deg)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0)}}
@keyframes tokenLogoLevitate{0%,100%{transform:translateY(0) rotateZ(0deg)}50%{transform:translateY(-8px) rotateZ(-1.5deg)}}
@media(max-width:760px){
  .hero h1{font-size:clamp(38px,10.8vw,52px);line-height:.98;letter-spacing:-.045em}
  .hero h1 em{display:inline}
  .section-heading h2{font-size:clamp(40px,10.8vw,54px);line-height:.98}
  .hero-copy>p,.section-heading>p,.steps p,.demo-section p,.oracle>div>p,details p,.agent-layout>div>p,.prize p,.token-panel-intro,.token-panel-note,.tokenomics-disclaimer{font-size:14px!important;line-height:1.5}
  .cube-opening-sequence:before{display:block!important;top:7%;width:100%;height:88%;filter:blur(20px)}
  .cube-opening-sequence .hero-card-burst{width:98%;height:56%;bottom:15%}
  .cube-opening-sequence .hero-card-burst img.hero-card-burst-image{width:100%;height:100%}
  .closing-logo{width:60px;height:60px;margin-bottom:15px}
  .tokenomics-logo-orbit{height:132px;margin:12px auto 0}
  .tokenomics-logo-float-main{width:108px;height:108px;margin-left:-54px;top:10px}
  .tokenomics-logo-float-left{width:52px;height:52px;left:4%;top:50px}
  .tokenomics-logo-float-right{width:58px;height:58px;right:3%;top:19px}
  #agents{min-height:calc(100svh - 72px);padding:44px 8%}
  #agents .section-heading h2{font-size:clamp(42px,11.8vw,58px)}
  #agents .agent-layout>div>p{max-width:340px;margin:16px auto 0;font-size:15px!important;line-height:1.5}
  #agents .leaderboard{margin-top:25px}
  #agents .table-heading{padding:14px 12px}
  #agents .table-heading strong{font-size:11px}
  #agents td,#agents th{padding:12px 8px}
  #agents td{font-size:10px}
  #agents th{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .cube-opening-sequence:before{animation:none;opacity:.9;transform:translateX(-50%) scale(1)}
  .allocation-bar i{animation:none!important;transform:none}
  .closing-logo,.tokenomics-logo{animation:none}
  .tokenomics-logo-float{opacity:1;transform:none}
}

/* 2026-09-10 final feedback pass: transparent brand marks, concise copy, and responsive emphasis. */
header .brand-icon{width:62px;height:62px;border-radius:0;background:transparent!important;padding:0;object-fit:contain;filter:drop-shadow(0 8px 7px var(--site-shadow))}
footer{padding-left:20px;padding-right:20px;box-sizing:border-box}
.hero h1,
.hero h1 em,
.hero .eyebrow,
.hero-copy .actions,
.hero-copy .hero-note{font-family:'Inter Variable',Inter,Arial,sans-serif}
.hero h1 em{font-style:normal;font-weight:400}
.hero-value-overlay{left:auto;right:4%;top:4%;align-items:flex-end;padding:0;background:transparent;border:0;box-shadow:none;color:var(--site-ink);text-align:right;transform:translateY(-12px) scale(.94);animation-name:heroValueOverlayTopRight}
.hero-value-overlay span,.hero-value-overlay small,.hero-value-overlay strong{color:inherit;text-shadow:none}
@keyframes heroValueOverlayTopRight{0%,73%{opacity:0;transform:translateY(-12px) scale(.94)}84%,100%{opacity:1;transform:translateY(0) scale(1)}}
.closing-logo{width:288px;height:288px;background:transparent;border-radius:0;padding:0;box-shadow:none}
.tokenomics-logo-float-main{width:130px;height:130px}
.tokenomics-logo-float-left{width:62px;height:62px}
.tokenomics-logo-float-right{width:70px;height:70px}
@media(max-width:760px){
  header .brand-icon{width:62px;height:62px}
  .hero-copy{text-align:center}
  .hero-copy .eyebrow{justify-content:center}
  .hero h1{font-family:'Inter Variable',Inter,Arial,sans-serif;text-align:center;font-size:clamp(36px,10.5vw,50px);line-height:1.02;letter-spacing:-.045em}
  .hero-copy .actions{justify-content:center}
  .hero-value-overlay{left:auto;right:3%;top:3%;align-items:flex-end;transform:translateY(0) scale(.94);padding:0;background:transparent;border:0;box-shadow:none}
  .hero-value-overlay strong{font-size:26px}
  .closing-logo{width:60px;height:60px;margin-bottom:15px}
  #how .section-heading h2{font-size:clamp(32px,9.5vw,46px);line-height:1.02;letter-spacing:-.045em}
  .tokenomics-logo-orbit{width:min(360px,100%);height:194px;margin:12px auto 0}
  .tokenomics-logo-float-main{width:183px;height:179px;left:50%;top:0;margin-left:-91.5px}
  .tokenomics-logo-float-left{width:58px;height:58px;left:5%;top:102px}
  .tokenomics-logo-float-right{width:98px;height:98px;right:2%;top:8px}
}
@media(prefers-reduced-motion:reduce){
  .hero-value-overlay{opacity:1;transform:none;animation:none}
}

/* 2026-09-10 homepage storyboard section: one calm, loopable system view. */
#storyboard.storyboard-section{background:#101810;color:#f2f4ee;border-color:#385041;overflow:hidden}
#storyboard .storyboard-heading{align-items:end}
#storyboard .storyboard-heading h2,#storyboard .storyboard-heading .eyebrow{color:#f2f4ee}
#storyboard .storyboard-heading .eyebrow{color:#a1fea0}
#storyboard .storyboard-heading>p{max-width:410px;color:#b7c8bb}
.storyboard-loop{margin-top:28px}
.storyboard-loop-stage{position:relative;isolation:isolate;min-height:420px;aspect-ratio:16/9;overflow:hidden;border:1px solid #385041;border-radius:24px;background:radial-gradient(circle at 50% 56%,#53695a 0,#25372c 34%,#101810 78%);box-shadow:0 18px 44px #0006}
.storyboard-loop-stage:before{content:'';position:absolute;z-index:0;left:50%;top:55%;width:44%;height:32%;border:1px solid #d9f5d955;border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);opacity:.6}
.storyboard-loop-stage:after{content:'';position:absolute;z-index:0;inset:auto 0 0;height:1px;background:#d9f5d933}
.storyboard-loop-label{position:absolute;z-index:10;left:20px;top:18px;color:#d6eadb;font:400 9px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.12em}
.storyboard-loop-status{position:absolute;z-index:10;right:20px;bottom:17px;color:#a1fea0;font:400 9px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em;opacity:0;animation:storyboardLoopStatus 12s cubic-bezier(.22,1,.36,1) infinite}
.storyboard-loop-cube{position:absolute;z-index:2;left:50%;top:55%;width:min(52%,520px);height:84%;object-fit:contain;filter:drop-shadow(0 18px 13px #0008)}
.storyboard-loop-open{opacity:0;transform:translate(-50%,-50%) scale(.95);animation:storyboardLoopOpen 12s cubic-bezier(.22,1,.36,1) infinite}
.storyboard-loop-closed{opacity:1;transform:translate(-50%,-50%) scale(1);animation:storyboardLoopClosed 12s cubic-bezier(.22,1,.36,1) infinite}
.storyboard-loop-packs{position:absolute;z-index:4;left:50%;bottom:19%;width:38%;height:44%;display:flex;align-items:flex-end;justify-content:center;gap:2%;opacity:0;transform:translate(-50%,24px) scale(.78);animation:storyboardLoopPacks 12s cubic-bezier(.22,1,.36,1) infinite}
.storyboard-loop-packs img{display:block;width:31%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 9px #0008)}
.storyboard-loop-packs img:nth-child(1){transform:rotate(-7deg);animation:storyboardPackFloat 12s ease-in-out -.18s infinite}
.storyboard-loop-packs img:nth-child(2){transform:rotate(-1deg);animation:storyboardPackFloat 12s ease-in-out -.06s infinite}
.storyboard-loop-packs img:nth-child(3){transform:rotate(7deg);animation:storyboardPackFloat 12s ease-in-out -.28s infinite}
.storyboard-loop-cards{position:absolute;z-index:7;left:6%;right:6%;bottom:7%;height:62%;display:flex;align-items:flex-end;justify-content:center;gap:1%;opacity:0;transform:translateY(24px) scale(.78);animation:storyboardLoopCards 12s cubic-bezier(.22,1,.36,1) infinite}
.storyboard-loop-cards img{display:block;width:15.4%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px #0008)}
.storyboard-loop-cards img:nth-child(1){transform:rotate(-8deg) translateY(7%);animation:storyboardCardFloat 12s ease-in-out -.18s infinite}
.storyboard-loop-cards img:nth-child(2){transform:rotate(-5deg);animation:storyboardCardFloat 12s ease-in-out -.08s infinite}
.storyboard-loop-cards img:nth-child(3){transform:rotate(-2deg) translateY(-2%);animation:storyboardCardFloat 12s ease-in-out -.28s infinite}
.storyboard-loop-cards img:nth-child(4){transform:rotate(2deg) translateY(-2%);animation:storyboardCardFloat 12s ease-in-out -.16s infinite}
.storyboard-loop-cards img:nth-child(5){transform:rotate(5deg);animation:storyboardCardFloat 12s ease-in-out -.24s infinite}
.storyboard-loop-cards img:nth-child(6){transform:rotate(8deg) translateY(7%);animation:storyboardCardFloat 12s ease-in-out -.12s infinite}
.storyboard-loop-value{position:absolute;z-index:8;right:6%;top:12%;display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding:15px 17px 14px;border:1px solid #a1fea0;border-radius:12px;background:#0b130ee8;box-shadow:6px 6px 0 #a1fea0;opacity:0;transform:translateY(-12px) scale(.94);animation:storyboardLoopValue 12s cubic-bezier(.22,1,.36,1) infinite}
.storyboard-loop-value span,.storyboard-loop-value small{color:#a1fea0;font:400 8px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em}
.storyboard-loop-value strong{color:#fff;font:400 clamp(28px,4vw,52px)/.9 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.1em}
.storyboard-loop-value small{color:#b7c8bb;font-size:7px}
.storyboard-loop-footer{display:flex;justify-content:space-between;gap:16px;padding:13px 2px 0;color:#8fa497;font:400 8px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em}
.storyboard-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:4px;row-gap:0;margin-top:18px}
.storyboard-progress{grid-column:1/-1;height:5px;background:#28382e;border:1px solid #6d633b;border-radius:999px;overflow:hidden;margin-bottom:0}
.storyboard-progress span{display:block;width:100%;height:100%;background:#e0ad4e;transform:scaleX(0);transform-origin:left center;animation:storyboardTimelineProgress 12s linear infinite}
.storyboard-timeline>span{display:grid;place-items:center;min-height:68px;padding:12px 11px;background:#18251d;border-top:3px solid #e0ad4e;color:#f2f4ee;text-align:center;font:600 clamp(16px,2.54vw,24px)/1.1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.03em}
@keyframes storyboardLoopClosed{0%,18%{opacity:1;transform:translate(-50%,-50%) scale(1)}25%,86%{opacity:0;transform:translate(-50%,-50%) scale(.95)}94%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes storyboardLoopOpen{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(.95)}28%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}88%,100%{opacity:0;transform:translate(-50%,-50%) scale(.95)}}
@keyframes storyboardLoopPacks{0%,30%{opacity:0;transform:translate(-50%,24px) scale(.78)}43%,75%{opacity:1;transform:translate(-50%,0) scale(1)}88%,100%{opacity:0;transform:translate(-50%,24px) scale(.78)}}
@keyframes storyboardLoopCards{0%,47%{opacity:0;transform:translateY(24px) scale(.78)}59%,78%{opacity:1;transform:translateY(0) scale(1)}89%,100%{opacity:0;transform:translateY(24px) scale(.78)}}
@keyframes storyboardLoopValue{0%,72%{opacity:0;transform:translateY(-12px) scale(.94)}79%,88%{opacity:1;transform:translateY(0) scale(1)}96%,100%{opacity:0;transform:translateY(-12px) scale(.94)}}
@keyframes storyboardLoopStatus{0%,61%{opacity:0;transform:translateY(8px)}68%,88%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(8px)}}
@keyframes storyboardTimelineProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes storyboardPackFloat{0%,100%{margin-bottom:0}50%{margin-bottom:6px}}
@keyframes storyboardCardFloat{0%,100%{margin-bottom:0}50%{margin-bottom:7px}}
@media(max-width:760px){
  #storyboard .storyboard-heading{text-align:center}
  #storyboard .storyboard-heading>div{width:100%}
  #storyboard .storyboard-heading .eyebrow{justify-content:center}
  #storyboard .storyboard-heading>p{margin-left:auto;margin-right:auto}
  .storyboard-loop-stage{min-height:390px;aspect-ratio:auto;border-radius:18px}
  .storyboard-loop-label{left:14px;top:15px;font-size:8px}
  .storyboard-loop-cube{width:82%;height:68%;top:48%}
  .storyboard-loop-packs{bottom:22%;width:62%;height:31%}
  .storyboard-loop-cards{left:4%;right:4%;bottom:6%;height:51%;gap:0}
  .storyboard-loop-cards img{width:16.6%}
  .storyboard-loop-value{right:14px;top:10%;padding:11px 12px 10px;gap:5px}
  .storyboard-loop-value strong{font-size:28px}
  .storyboard-loop-status{right:14px;bottom:14px;font-size:7px}
  .storyboard-loop-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;line-height:1.4}
  .storyboard-loop-footer span:last-child{grid-column:1/-1}
  .storyboard-timeline{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4px;row-gap:0}
  .storyboard-timeline>span{min-height:68px;padding:10px 9px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .storyboard-progress span{animation:none;transform:scaleX(1)}
  .storyboard-loop-cube.storyboard-loop-closed{opacity:0;animation:none}
  .storyboard-loop-cube.storyboard-loop-open{opacity:1;transform:translate(-50%,-50%) scale(1);animation:none}
  .storyboard-loop-packs{opacity:1;transform:translate(-50%,0) scale(1);animation:none}
  .storyboard-loop-cards{opacity:1;transform:translateY(0) scale(1);animation:none}
  .storyboard-loop-packs img,.storyboard-loop-cards img{animation:none}
  .storyboard-loop-value{opacity:1;transform:none;animation:none}
  .storyboard-loop-status{opacity:1;transform:none;animation:none}
}

/* 2026-09-11 storyboard frame removal: keep the animation canvas, remove its window chrome. */
#storyboard .storyboard-loop-stage{border:0;border-radius:0;background:transparent;box-shadow:none}
#storyboard .storyboard-loop-stage:before,#storyboard .storyboard-loop-stage:after{display:none}

/* 2026-09-10 latest feedback: chrome packet set, concise strategy, and shared prediction surfaces. */
footer{width:100vw;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px;box-sizing:border-box;overflow:hidden}
.pack-library .individual-packs{grid-template-columns:repeat(3,minmax(0,1fr))}
.pack-library .bundle-products img{object-fit:contain}
.prediction-entry-preview-fields{margin-top:15px}
.prediction-entry-preview-fields>div{display:flex;flex-direction:column;gap:7px}
.prediction-entry-preview-fields span{font:600 9px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.08em;color:var(--site-muted)}
.prediction-page-panel .prediction-entry-preview-fields strong{font:500 23px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.06em;color:#fff}
.prediction-entry-card.prediction-page-panel{min-height:0;padding:24px}
.prediction-entry-card.prediction-page-panel .pool{margin:22px 0 20px}
#oracle .value-proof.prediction-page-panel{padding:24px;min-width:0}
#oracle .value-proof.prediction-page-panel .pool{margin:22px 0 20px}
#oracle .value-proof.prediction-page-panel .sim-metrics{margin-top:0}
#oracle .value-proof.prediction-page-panel .oracle-mini{margin-top:18px}
.storyboard-loop-cards img:nth-child(n+4){display:none}
@media(max-width:760px){
  .pack-library .individual-packs{grid-template-columns:1fr 1fr}
  .prediction-entry-card.prediction-page-panel{padding:18px}
  .prediction-entry-card.prediction-page-panel .pool{margin:17px 0 18px}
  .prediction-entry-preview-fields strong{font-size:19px}
  #oracle .value-proof.prediction-page-panel{padding:18px}
  footer{padding-left:20px;padding-right:20px}
}
.footer-policy-link{font:400 clamp(10px,.7vw,12px)/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;padding-bottom:4px;text-decoration:none;border-bottom:0}

/* Homepage feedback: remove market filters and give the prediction direction controls a centered, readable label. */
.market-toolbar .filters{display:none}
.prediction-page-panel .sim-direction-option{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:24px;
}

/* 2026-09-10 browser annotations: hero hierarchy, CTA scale, and logo-ledger replacement. */
.hero h1 .hero-multi-pack{display:inline-block;white-space:nowrap}
.hero h1 em strong{font-weight:700}
@media(min-width:761px){
  .prediction-entry-section h2{font-size:54.71px}
  .hero .actions > .button.dark{font-size:30px;height:83px;min-height:83px}
}
.ledger-panel.logo-ledger-panel{display:grid;place-items:center;min-height:346px;padding:28px;overflow:hidden}
.logo-ledger-panel .sim-ledger-logo{display:block;width:min(100%,250px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 14px var(--site-shadow))}
.ledger-data-state{display:none!important}
@media(max-width:760px){
  .ledger-panel.logo-ledger-panel{min-height:240px;padding:22px}
  .logo-ledger-panel .sim-ledger-logo{width:min(100%,210px)}
}

/* 2026-09-10 Prediction Dex annotation pass: local illustrative opening sequence. */
.logo-ledger-panel{grid-template-rows:auto auto}
.logo-ledger-panel .sim-ledger-headline{max-width:310px;margin:0;text-align:center;color:var(--site-ink);font-size:14px;line-height:1.45}
.opening-pool{gap:9px}
.opening-visual{position:relative;width:min(100%,300px);height:166px;margin:0 auto 2px;isolation:isolate;overflow:hidden}
.opening-visual-pika,.opening-visual-packs,.opening-visual-cards{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.opening-visual-pika{flex-direction:column;gap:2px;animation:openingPikaCycle 5.8s cubic-bezier(.22,1,.36,1) infinite}
.opening-visual-pika span{color:#a1fea0;font:600 10px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.18em}
.opening-visual-pika img{display:block;width:148px;height:124px;object-fit:contain;filter:drop-shadow(0 12px 9px #08130c66)}
.opening-visual-packs{gap:2px;opacity:0;animation:openingPacksCycle 5.8s cubic-bezier(.22,1,.36,1) infinite}
.opening-visual-packs img{display:block;width:78px;height:122px;object-fit:contain;filter:drop-shadow(0 12px 9px #08130c66)}
.opening-visual-packs img:nth-child(1){transform:rotate(-11deg) translateY(8px)}
.opening-visual-packs img:nth-child(2){transform:translateY(-2px);z-index:1}
.opening-visual-packs img:nth-child(3){transform:rotate(11deg) translateY(8px)}
.opening-visual-cards{gap:5px;opacity:0;align-items:center;animation:openingCardsCycle 5.8s cubic-bezier(.22,1,.36,1) infinite}
.opening-visual-cards img{display:block;width:72px;height:108px;object-fit:contain;filter:drop-shadow(0 12px 9px #08130c66)}
.opening-visual-cards img:nth-child(1){transform:rotate(-12deg) translateY(7px)}
.opening-visual-cards img:nth-child(2){transform:translateY(-3px);z-index:1}
.opening-visual-cards img:nth-child(3){transform:rotate(12deg) translateY(7px)}
.opening-pool-caption{font:600 10px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#a1fea0!important}
@keyframes openingPikaCycle{
  0%,18%{opacity:1;transform:translateY(0) scale(1)}
  28%,100%{opacity:0;transform:translateY(-10px) scale(.84)}
}
@keyframes openingPacksCycle{
  0%,24%{opacity:0;transform:translateY(16px) scale(.72)}
  34%,48%{opacity:1;transform:translateY(0) scale(1)}
  58%,100%{opacity:0;transform:translateY(-9px) scale(.9)}
}
@keyframes openingCardsCycle{
  0%,47%{opacity:0;transform:translateY(15px) scale(.72)}
  58%,100%{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:760px){
  .logo-ledger-panel .sim-ledger-headline{max-width:280px;font-size:12px}
  .opening-visual{height:148px}
  .opening-visual-pika img{width:132px;height:108px}
  .opening-visual-packs img{width:68px;height:108px}
  .opening-visual-cards img{width:63px;height:96px}
  .opening-pool-caption{font-size:8px}
}
html[data-theme=dark] .logo-ledger-panel .sim-ledger-headline{color:#effff0}
@media(prefers-reduced-motion:reduce){
  .opening-visual-pika,.opening-visual-packs{opacity:0;transform:none;animation:none}
  .opening-visual-cards{opacity:1;transform:none;animation:none}
}

/* 2026-09-10 storyboard compact prediction entry. */
.storyboard-mini-entry{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;width:300px;height:50px;box-sizing:border-box;margin:12px auto 0;padding:8px 12px;border:1px solid #385041;border-radius:999px;background:#1a2a20;color:#f2f4ee;text-decoration:none;box-shadow:5px 5px 0 #a1fea0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.storyboard-mini-entry:hover{transform:translateY(-2px);box-shadow:5px 7px 0 #a1fea0}
.storyboard-mini-entry-code,.storyboard-mini-entry-action{font:600 9px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}
.storyboard-mini-entry-code{color:#a1fea0}
.storyboard-mini-entry strong{font:500 17px/.9 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.06em;white-space:nowrap}
.storyboard-mini-entry-action{justify-self:end;letter-spacing:.03em;text-align:right}
.storyboard-mini-entry-action span{color:#a1fea0;font-size:13px}
.storyboard-emphasis{font-weight:700;color:#79f2c3}
.model-card h3{margin-top:24px}
@media(max-width:760px){
  .storyboard-mini-entry{width:min(300px,100%)}
  .model-card h3{margin-top:18px}
}

/* 2026-09-10 Prediction Dex annotation pass: compact entry surface. */
:is(#prediction-dex, #demo) .prediction-page-panel{padding:12px}
:is(#prediction-dex, #demo) .prediction-page-panel .panel-top{display:none}
:is(#prediction-dex, #demo) .prediction-page-panel .pool{margin:5px 0 5px;padding:3px 0 4px;gap:2px}
:is(#prediction-dex, #demo) .opening-visual{height:62px;margin:0 auto 1px}
:is(#prediction-dex, #demo) .opening-visual-pika img{width:84px;height:58px}
:is(#prediction-dex, #demo) .opening-visual-pika span{font-size:8px}
:is(#prediction-dex, #demo) .opening-visual-packs img{width:48px;height:58px}
:is(#prediction-dex, #demo) .opening-visual-cards img{width:44px;height:58px}
:is(#prediction-dex, #demo) .opening-pool-caption{font-size:8px}
:is(#prediction-dex, #demo) .prediction-page-panel .pool strong{font-size:34px;line-height:.9}
:is(#prediction-dex, #demo) .prediction-page-panel .pool>span:last-child{font-size:7px}
:is(#prediction-dex, #demo) .prediction-page-panel select,:is(#prediction-dex, #demo) .prediction-page-panel input{padding:8px 10px;margin-top:4px;min-height:36px}
:is(#prediction-dex, #demo) .sim-field-grid{gap:8px;margin-top:8px}
:is(#prediction-dex, #demo) .sim-field-grid label{font-size:8px}
:is(#prediction-dex, #demo) .sim-field-grid input{font-size:17px}
:is(#prediction-dex, #demo) .sim-direction-field{gap:3px;margin-top:5px;padding-top:5px}
:is(#prediction-dex, #demo) .sim-direction-option{min-height:36px}
:is(#prediction-dex, #demo) .sim-direction-field small{font-size:8px;line-height:1.1}
:is(#prediction-dex, #demo) .sim-metrics{gap:8px;margin-top:6px;padding-top:5px}
:is(#prediction-dex, #demo) .sim-metrics div{gap:3px}
:is(#prediction-dex, #demo) .sim-metrics strong{font-size:17px}
:is(#prediction-dex, #demo) .sim-metrics>span{max-width:110px;font-size:7px;line-height:1.25}
:is(#prediction-dex, #demo) .range-caption{font-size:8px;margin:5px 0 6px}
:is(#prediction-dex, #demo) .prediction-page-panel .button.lime{height:48px;min-height:48px;padding:0 12px;font-size:12px}
:is(#prediction-dex, #demo) .oracle-mini{margin-top:6px;padding-top:6px;font-size:7px;line-height:1.2}
:is(#prediction-dex, #demo) .execution-status,:is(#prediction-dex, #demo) .execution-status strong,:is(#prediction-dex, #demo) .execution-status li,:is(#prediction-dex, #demo) .execution-status li:before{color:#fff!important}
@media(max-width:760px){
  :is(#prediction-dex, #demo) .prediction-page-panel{padding:11px}
  :is(#prediction-dex, #demo) .prediction-page-panel .pool{margin:5px 0 7px;padding:5px 0 6px}
  :is(#prediction-dex, #demo) .opening-visual{height:68px}
  :is(#prediction-dex, #demo) .opening-visual-pika img{width:86px;height:62px}
  :is(#prediction-dex, #demo) .opening-visual-packs img{width:46px;height:62px}
  :is(#prediction-dex, #demo) .opening-visual-cards img{width:42px;height:62px}
  :is(#prediction-dex, #demo) .prediction-page-panel .pool strong{font-size:32px}
  :is(#prediction-dex, #demo) .prediction-page-panel select,:is(#prediction-dex, #demo) .prediction-page-panel input{min-height:33px;padding:7px 9px}
  :is(#prediction-dex, #demo) .prediction-page-panel .button.lime{min-height:44px}
}

/* 2026-09-11 Prediction Dex settlement choreography. */
#demo .settlement-receipt,#prediction-dex .settlement-receipt{animation:settlementReceiptReveal .8s cubic-bezier(.22,1,.36,1) 1.1s both;transform-origin:top}
@keyframes settlementReceiptReveal{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#demo .settlement-receipt,#prediction-dex .settlement-receipt{animation:none}}

/* 2026-09-11 Prediction Dex prediction window: the pool slot is a live simulation countdown. */
:is(#prediction-dex, #demo) .prediction-page-panel #sim-pool{font-variant-numeric:tabular-nums;letter-spacing:-.08em}
:is(#prediction-dex, #demo) .prediction-page-panel #sim-market-meta{font-variant-numeric:tabular-nums;letter-spacing:.08em}
:is(#prediction-dex, #demo) .prediction-page-panel #rip-button:disabled{cursor:not-allowed;opacity:.62;transform:none}
:is(#prediction-dex, #demo) .prediction-page-panel #rip-button:disabled:hover{background:#a1fea0;color:#101810;transform:none}
:is(#prediction-dex, #demo) .prediction-page-panel #prediction-form.is-closed input,
:is(#prediction-dex, #demo) .prediction-page-panel #prediction-form.is-closed select,
:is(#prediction-dex, #demo) .prediction-page-panel #prediction-form.is-closed .sim-direction-options{opacity:.55}

/* 2026-09-11 hero video background. */
.hero{isolation:isolate;position:relative;min-height:calc(100svh - 90px)}
.hero-video-background{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:.42;filter:saturate(.9) contrast(1.04)}
.hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--site-bg) 94%,transparent) 0%,color-mix(in srgb,var(--site-bg) 78%,transparent) 49%,color-mix(in srgb,var(--site-bg) 38%,transparent) 100%)}
.hero-copy,.hero-art,.hero-bottom{position:relative;z-index:2}
.hero-art.cube-hero{min-height:470px}
@media(max-width:760px){
  .hero{min-height:calc(100svh - 72px)}
  .hero-video-background{object-position:center;opacity:.3}
  .hero::before{background:color-mix(in srgb,var(--site-bg) 76%,transparent)}
  .hero-art.cube-hero{min-height:250px}
}
@media(prefers-reduced-motion:reduce){
  .hero-video-background{animation:none}
}

/* 2026-09-11 hero video edge feather. */
.hero-video-background{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 15px,#000 calc(100% - 15px),transparent 100%),linear-gradient(to bottom,transparent 0,#000 15px,#000 calc(100% - 15px),transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 15px,#000 calc(100% - 15px),transparent 100%),linear-gradient(to bottom,transparent 0,#000 15px,#000 calc(100% - 15px),transparent 100%);
  mask-composite:intersect;
}

/* 2026-09-11 hero video visibility and responsive placement refinement. */
.hero-video-background{right:clamp(28px,6vw,88px);width:auto;opacity:1;filter:none}
.hero::before{display:none}
@media(max-width:760px){
  .hero{display:flex;flex-direction:column;align-items:stretch}
  .hero-video-background{position:relative;inset:auto;order:-2;display:block;width:100%;height:clamp(220px,64vw,330px);margin:0 0 18px;object-fit:cover;object-position:center;opacity:1}
  .hero-copy{order:-1}
  .hero-art{display:none}
  .hero::before{display:none}
}

/* 2026-09-11 homepage activity and market-logo animation pass. */
#markets .market-heading{align-items:center;min-height:178px}
#markets .market-heading-side{position:relative;flex:0 0 min(36%,340px);height:178px}
.market-logo-orbit{position:relative;width:100%;height:100%;isolation:isolate}
.market-logo-float{position:absolute;display:block;opacity:1;will-change:transform}
.market-logo-float img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 10px #19221e28)}
.market-logo-yellow{width:76px;height:76px;left:1%;top:73px;animation:marketLogoLevitate 4.8s ease-in-out -1.45s infinite}
.market-logo-blue{width:142px;height:142px;left:50%;top:8px;margin-left:-71px;z-index:2;animation:marketLogoLevitate 4.8s ease-in-out -.25s infinite}
.market-logo-pink{width:82px;height:82px;right:2%;top:34px;animation:marketLogoLevitate 4.8s ease-in-out -2.35s infinite}
.market-logo-yellow img{filter:hue-rotate(225deg) saturate(1.45) brightness(1.08) drop-shadow(0 14px 10px #19221e28)}
.market-logo-blue img{filter:hue-rotate(20deg) saturate(1.55) brightness(1.05) drop-shadow(0 14px 10px #19221e28)}
.market-logo-pink img{filter:hue-rotate(145deg) saturate(1.65) brightness(1.04) drop-shadow(0 14px 10px #19221e28)}
@keyframes marketLogoLevitate{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-11px) rotate(-2deg)}}

#storyboard .storyboard-mini-entry{color:#fff;font-family:'Inter Variable',Arial,sans-serif}
#storyboard .storyboard-mini-entry-action{color:#fff;font:600 24px/1 'Inter Variable',Arial,sans-serif;letter-spacing:.01em}
#storyboard .storyboard-mini-entry strong{font-family:'Inter Variable',Arial,sans-serif}

/* 2026-09-11 storyboard annotation: all supplied card references in four bidirectional rails. */
#storyboard.storyboard-section{background:#fff;color:#111;border-color:#e6ebe5;overflow:hidden}
#storyboard .storyboard-heading h2{color:#111}
#storyboard .storyboard-heading .eyebrow{color:#4d6557}
#storyboard .storyboard-heading>p{color:#516057}
#storyboard .storyboard-loop{display:block;margin-top:32px}
#storyboard .storyboard-loop-stage{display:none}
#storyboard .storyboard-card-rails{display:grid;gap:12px;width:100%;max-width:100%;padding:4px 0 10px;overflow:hidden}
#storyboard .storyboard-card-rail{width:100%;max-width:100%;overflow:hidden}
#storyboard .storyboard-card-rail-track{display:flex;width:max-content;gap:0;will-change:transform;animation:storyboardCardRailLeft 38s linear infinite}
#storyboard .storyboard-card-rail[data-direction="right"] .storyboard-card-rail-track{animation-name:storyboardCardRailRight;animation-duration:42s}
#storyboard .storyboard-card-rail-segment{display:flex;flex:none;gap:12px;padding-right:12px}
#storyboard .storyboard-card-rail-segment img{display:block;flex:0 0 clamp(96px,12.9vw,166px);width:clamp(96px,12.9vw,166px);aspect-ratio:.6;object-fit:contain;border:1px solid #d9e0d9;border-radius:10px;background:#f6f8f4;box-shadow:0 8px 16px #19221e18}
#storyboard .storyboard-card-rail-segment img:hover{box-shadow:0 10px 20px #19221e2b;transform:translateY(-2px)}
#storyboard .storyboard-timeline{margin-top:22px}
#storyboard .storyboard-progress{background:#edf1ec;border-color:#a8b9ad}
#storyboard .storyboard-progress span{background:#70d99b}
#storyboard .storyboard-timeline>span{background:#f7faf6;color:#18231c;border-top-color:#d4a44d}
@keyframes storyboardCardRailLeft{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes storyboardCardRailRight{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@media(max-width:760px){
  #storyboard .storyboard-card-rails{gap:8px;padding-top:2px}
  #storyboard .storyboard-card-rail-segment{gap:8px;padding-right:8px}
  #storyboard .storyboard-card-rail-segment img{border-radius:8px}
}
@media(prefers-reduced-motion:reduce){
  #storyboard .storyboard-card-rail-track{animation:none;transform:translate3d(0,0,0)}
  #storyboard .storyboard-card-rail-segment img:hover{transform:none}
}

/* 2026-09-11 feedback: let the supplied Pokémon rails become a quiet section backdrop. */
#storyboard.storyboard-section{position:relative;isolation:isolate}
#storyboard .storyboard-loop{position:static}
#storyboard .storyboard-card-rails{position:absolute;inset:0;z-index:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));align-content:stretch;gap:12px;padding:0;opacity:.18;pointer-events:none}
#storyboard .storyboard-card-rail,#storyboard .storyboard-card-rail-track,#storyboard .storyboard-card-rail-segment{min-height:0;height:100%}
#storyboard .storyboard-card-rail-segment img{height:100%;max-height:100%}
#storyboard .storyboard-heading,#storyboard .storyboard-loop>.storyboard-mini-entry,#storyboard .storyboard-timeline{position:relative;z-index:1}

#agents .leaderboard{width:100%}
#agents .leaderboard table{min-width:620px;table-layout:fixed;font-family:'Inter Variable',Arial,sans-serif}
#agents .leaderboard th,#agents .leaderboard td{padding:13px 8px;vertical-align:middle}

/* 2026-09-11 browser feedback: remove storyboard phase chrome and lift the headline from the card field. */
#storyboard .storyboard-timeline{display:none}
#storyboard .storyboard-heading h2{text-shadow:0 2px 0 rgba(255,255,255,.98),0 6px 18px rgba(255,255,255,.94),0 12px 34px rgba(255,255,255,.72)}
#storyboard .storyboard-heading>p{text-shadow:0 1px 0 rgba(255,255,255,.98),0 4px 14px rgba(255,255,255,.84)}
#agents .leaderboard th:nth-child(1),#agents .leaderboard td:nth-child(1){width:16%}
#agents .leaderboard th:nth-child(2),#agents .leaderboard td:nth-child(2){width:16%}
#agents .leaderboard th:nth-child(3),#agents .leaderboard td:nth-child(3){width:17%}
#agents .leaderboard th:nth-child(4),#agents .leaderboard td:nth-child(4){width:16%}
#agents .leaderboard th:nth-child(5),#agents .leaderboard td:nth-child(5){width:17%}
#agents .leaderboard th:nth-child(6),#agents .leaderboard td:nth-child(6){width:18%}
#agents .leaderboard .table-heading>span{display:inline-flex;align-items:center;gap:7px}
#agents .leaderboard .table-heading>span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--eclipse-green);box-shadow:0 0 0 4px #a1fea044;animation:activityPulse 1.8s ease-in-out infinite}
.activity-code{font:600 12px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.02em}
.activity-winners{display:inline-block;padding:4px 5px;border-radius:999px;font:600 8px/1 'Inter Variable',Arial,sans-serif;letter-spacing:.01em;white-space:nowrap}
.activity-winners-high{background:var(--eclipse-green);color:var(--eclipse-ink)}
.activity-winners-low{margin-left:3px;border:1px solid var(--eclipse-line);color:var(--eclipse-ink)}
#agents .leaderboard tbody tr.is-refreshing{animation:activityRowRefresh .85s cubic-bezier(.22,1,.36,1) both}
@keyframes activityPulse{0%,100%{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}
@keyframes activityRowRefresh{0%{opacity:.3;transform:translateX(14px);background:#a1fea044}55%{opacity:1;transform:translateX(-3px);background:#a1fea01c}100%{opacity:1;transform:translateX(0);background:transparent}}
@media(max-width:760px){
  #markets .market-heading{display:block;text-align:center;min-height:0}
  #markets .market-heading>div:first-child{width:100%}
  #markets .market-heading-side{width:min(100%,320px);height:164px;margin:10px auto 0}
  .market-logo-yellow{width:62px;height:62px;left:2%;top:74px}
  .market-logo-blue{width:124px;height:124px;margin-left:-62px;top:7px}
  .market-logo-pink{width:68px;height:68px;right:2%;top:39px}
  #agents .leaderboard table{min-width:620px}
}
@media(prefers-reduced-motion:reduce){
  .market-logo-float,#agents .leaderboard .table-heading>span:before{animation:none}
  #agents .leaderboard tbody tr.is-refreshing{animation:none}
}

/* 2026-09-11 leaderboard dark surface: keep the activity table readable as a focused control-room panel. */
#agents .leaderboard{background:#101814;border-color:#6f937a;color:#effff0;box-shadow:8px 8px 0 #86ce85}
#agents .leaderboard .table-heading{background:#17251d;border-color:#6f937a}
#agents .leaderboard .table-heading strong{color:#effff0}
#agents .leaderboard .table-heading>span{color:#a9c2ad}
#agents .leaderboard table{background:#101814;color:#effff0}
#agents .leaderboard th{background:#1d3025;color:#a9c2ad;border-color:#6f937a}
#agents .leaderboard td{background:#101814;color:#effff0;border-color:#6f937a}
#agents .leaderboard td strong{color:#fff}
#agents .leaderboard .activity-winners-high,#agents .leaderboard .activity-winners-low{background:#a1fea0;color:#102017;border-color:#a1fea0}

/* 2026-09-11 hero video desktop separation and playback surface. */
@media(min-width:761px){
  .hero-video-background{left:0;right:0;width:100%;object-fit:cover;object-position:center}
  .hero-video-background{
    -webkit-mask-image:none;
    mask-image:none;
  }
  .hero-copy{z-index:3;padding-right:clamp(12px,2vw,36px)}
  .hero-art{z-index:2;pointer-events:none}
}

/* 2026-09-11 agents activity layout pass. */
#agents .section-heading{display:block}
#agents .agents-heading-copy{max-width:700px;margin:16px 0 0;color:var(--eclipse-muted);font:400 clamp(15px,1.05vw,17px)/1.6 'Inter Variable',Arial,sans-serif}
#agents .leaderboard{width:100%;margin-top:28px;align-self:stretch}
#agents .leaderboard table{width:100%;min-width:100%}
#agents .activity-winners-high,#agents .activity-winners-low{margin-left:0;border:0;background:var(--eclipse-green);color:var(--eclipse-ink)}
@media(max-width:760px){
  #agents .agents-heading-copy{margin-top:14px}
  #agents .leaderboard{margin-top:18px}
  #agents .leaderboard table{min-width:620px}
}

/* 2026-09-11 market-card dialog targeting. */
.market-card{cursor:pointer}

/* 2026-09-11 mobile readability pass: square PackDex™ tiles, readable panels and centered footer. */
@media(max-width:760px){
  footer{display:grid!important;grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;margin:0;width:100%;padding:26px 20px 30px}
  footer .wordmark,footer .footer-policy-link,footer>span{justify-self:center}
  footer .wordmark{display:inline-flex;align-items:center}

  #markets{min-height:calc(200svh - 72px);padding-top:40px;padding-bottom:58px}
  #markets .market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;scroll-snap-type:none;padding:0;margin:0}
  #markets .market-card{display:grid;grid-template-areas:'tile';position:relative;min-width:0;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#101810;border:1px solid #20362a;scroll-snap-align:none}
  #markets .market-image{grid-area:tile;height:auto!important;min-height:0;aspect-ratio:1/1;background:linear-gradient(180deg,#f1f5ef 0%,#ddebe0 56%,#a1fea0 100%)}
  #markets .market-image:before{display:none}
  #markets .market-image:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(161,254,160,.16) 57%,rgba(161,254,160,.82) 100%)}
  #markets .index-cube{position:relative;z-index:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 11px 9px #14231944)}
  #markets .market-badge{z-index:3;top:9px;left:9px;padding:4px 5px;background:#ffffffcc;color:#101810;font-size:6px;line-height:1;border-radius:999px}
  #markets .market-count{z-index:3;top:9px;right:9px;bottom:auto;color:#101810;font-size:6px;line-height:1;background:#ffffffcc;padding:4px 5px;border-radius:999px}
  #markets .market-info{grid-area:tile;z-index:2;align-self:end;padding:9px;color:#101810;background:linear-gradient(180deg,transparent 0%,rgba(161,254,160,.7) 23%,#a1fea0 100%)}
  #markets .market-info .pack-type-icons{display:none}
  #markets .market-info>p{display:none}
  #markets .market-title{align-items:end;gap:4px}
  #markets .market-title h3{font-size:14px;line-height:.95;letter-spacing:-.04em}
  #markets .market-title>span{padding:3px 4px;border-color:#376340;color:#183321;font-size:6px;line-height:1;border-radius:999px}
  #markets .market-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;padding-top:6px;border-top-color:#376340}
  #markets .market-stats small{font-size:6px;line-height:1;min-height:13px;margin-bottom:3px;color:#31513d}
  #markets .market-stats b{font-size:11px;line-height:1;color:#101810}
  #markets .market-card button{margin-top:7px;padding:6px 7px;min-height:27px;border-color:#376340;background:#ffffff9e;color:#101810;font-size:7px;line-height:1;border-radius:999px}
  #markets .market-card button span{font-size:10px}

  #agents{min-height:0;padding-top:52px;padding-bottom:60px}
  #agents .leaderboard{margin-top:20px;border-radius:18px;overflow:hidden}
  #agents .table-heading{padding:14px 13px;align-items:center}
  #agents .table-heading strong{font-size:11px;line-height:1.15}
  #agents .table-heading>span{font-size:7px;line-height:1.15;text-align:right}
  #agents .table-scroll{overflow:visible}
  #agents table{display:block;width:100%;min-width:0!important;white-space:normal}
  #agents thead{display:none}
  #agents tbody{display:grid;gap:8px;padding:8px}
  #agents tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--eclipse-line);border-radius:12px;overflow:hidden;background:var(--eclipse-paper);transform:none!important;will-change:auto}
  #agents tbody td{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:10px 9px;border:0;font-size:12px;line-height:1.1;white-space:normal}
  #agents tbody td:before{font:600 7px/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.08em;color:var(--eclipse-muted)}
  #agents tbody td:nth-child(1):before{content:'PACKDEX™'}
  #agents tbody td:nth-child(2):before{content:'JOINING'}
  #agents tbody td:nth-child(3):before{content:'INSTANT VALUE'}
  #agents tbody td:nth-child(4):before{content:'POOL'}
  #agents tbody td:nth-child(5):before{content:'LAST OPENING'}
  #agents tbody td:nth-child(6):before{content:'WINNERS'}
  #agents .activity-code{font-size:12px}
  #agents .activity-winners{font-size:9px;padding:4px 6px}

  #demo .demo-intro h2,#demo .prediction-entry-copy h2{font-size:clamp(48px,14vw,60px);line-height:.92;letter-spacing:-.065em;text-wrap:balance}
  #demo .prediction-entry-copy{text-align:center}
  #demo .prediction-entry-copy p{max-width:300px;margin-left:auto;margin-right:auto}
  #demo .prediction-page-panel{padding:18px!important;border-radius:18px}
  #demo .prediction-page-panel:before{padding:9px 10px;font-size:7px}
  #demo .prediction-page-panel .pool{margin:16px 0 18px!important;padding:13px 0 15px!important;gap:7px}
  #demo .prediction-page-panel .pool strong{font-size:clamp(46px,14vw,60px)!important;line-height:1}
  #demo .prediction-page-panel .pool>span{font-size:9px;line-height:1.2}
  #demo .prediction-page-panel .pool>span:last-child{font-size:8px}
  #demo .prediction-page-panel .opening-visual{height:112px!important}
  #demo .prediction-page-panel .opening-visual-pika img{width:104px;height:80px}
  #demo .prediction-page-panel .opening-visual-packs img{width:54px;height:80px}
  #demo .prediction-page-panel .opening-visual-cards img{width:49px;height:80px}
  #demo .prediction-page-panel .opening-pool-caption{font-size:8px}
  #demo .prediction-page-panel select,#demo .prediction-page-panel input{min-height:40px;padding:9px 10px;font-size:18px}
  #demo .prediction-page-panel .sim-field-grid{gap:10px;margin-top:13px}
  #demo .prediction-page-panel .sim-field-grid label{font-size:9px;line-height:1.25}
  #demo .prediction-page-panel .sim-direction-field{gap:6px;margin-top:13px;padding-top:12px}
  #demo .prediction-page-panel .sim-direction-label{font-size:9px}
  #demo .prediction-page-panel .sim-direction-option{min-height:42px;font-size:17px}
  #demo .prediction-page-panel .sim-direction-field small{font-size:9px;line-height:1.3}
  #demo .prediction-page-panel .sim-metrics{gap:9px;margin-top:12px;padding-top:11px}
  #demo .prediction-page-panel .sim-metrics strong{font-size:19px}
  #demo .prediction-page-panel .sim-metrics>span{font-size:8px;line-height:1.25}
  #demo .prediction-page-panel .button.lime{min-height:50px;font-size:12px}
  #demo .prediction-page-panel .oracle-mini{font-size:8px;line-height:1.35}

  #oracle .value-proof.prediction-page-panel{padding:18px!important;border-radius:18px}
  #oracle .value-proof.prediction-page-panel .pool{margin:16px 0 18px!important;padding:15px 0 16px!important;gap:7px}
  #oracle .value-proof.prediction-page-panel .pool strong{font-size:clamp(46px,14vw,60px)!important;line-height:1}
  #oracle .value-proof.prediction-page-panel .pool>span{font-size:9px;line-height:1.25}
  #oracle .value-proof.prediction-page-panel .sim-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:0;padding-top:11px}
  #oracle .value-proof.prediction-page-panel .sim-metrics>span{grid-column:1/-1;text-align:left;max-width:none;font-size:8px;line-height:1.25}
  #oracle .value-proof.prediction-page-panel .sim-metrics strong{font-size:20px}
  #oracle .value-proof.prediction-page-panel .range-caption{font-size:9px;line-height:1.2;margin:12px 0 10px}
  #oracle .value-proof.prediction-page-panel .oracle-mini{margin-top:12px;font-size:8px;line-height:1.45}
}

/* 2026-09-11 pack-library outline cleanup. */
.pack-library .individual-packs figure,
.pack-library .exact-bundle{border:0;border-radius:0;box-shadow:none;background:transparent}
.pack-library .individual-packs figure>div{border:0;border-radius:0;background:transparent}

/* 2026-09-11 packet-fit guard: keep every bundle packet fully visible at every width. */
.pack-library .exact-bundle{overflow:visible}
.pack-library .bundle-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(10px,1.5vw,18px);min-height:0;padding-inline:clamp(18px,2.5vw,32px);overflow:visible}
.pack-library .bundle-products img{display:block;width:100%;max-width:100%;height:auto;max-height:none;align-self:center;justify-self:center;object-fit:contain;overflow:visible}
.pack-library .bundle-products img:nth-child(2){width:100%;height:auto;max-height:none}
@media(max-width:760px){
  .pack-library .exact-bundle{padding-inline:12px}
  .pack-library .bundle-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;padding-inline:16px}
  .pack-library .bundle-products img,.pack-library .bundle-products img:nth-child(2){width:100%;height:auto;max-height:none}
}

/* 2026-09-11 Prediction Dex running queue. */
.queue-runner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;padding-bottom:11px;border-bottom:1px solid var(--site-line)}
.queue-runner-copy{display:flex;align-items:center;gap:7px;font:600 9px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--site-ink)}
.queue-runner-copy i{display:block;width:7px;height:7px;border-radius:50%;background:var(--eclipse-green);box-shadow:0 0 0 4px #a1fea044;animation:queueRunnerPulse 1.5s ease-in-out infinite}
.queue-runner-progress{display:block;flex:0 1 120px;height:3px;background:var(--site-line);overflow:hidden}
.queue-runner-progress span{display:block;width:32%;height:100%;background:var(--eclipse-green);transform-origin:left;animation:queueRunnerProgress 4.2s linear infinite}
.queue-card{position:relative;will-change:transform}
.queue-card.is-next{border-color:var(--eclipse-green);background:color-mix(in srgb,var(--site-stage) 78%,var(--eclipse-green));box-shadow:4px 4px 0 var(--eclipse-green);transform:translateY(-3px)}
.queue-card.is-next .queue-card-status,.queue-card.is-next .queue-card-status i{color:var(--eclipse-green);background:var(--eclipse-green)}
.queue-card.is-next:after{content:'';position:absolute;left:12px;right:12px;top:0;height:3px;background:var(--eclipse-green);animation:queueCardSweep 4.2s linear infinite}
@keyframes queueRunnerPulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@keyframes queueRunnerProgress{0%{transform:scaleX(.1)}100%{transform:scaleX(3.1)}}
@keyframes queueCardSweep{0%{transform:scaleX(.1);transform-origin:left}100%{transform:scaleX(1);transform-origin:right}}
@media(max-width:760px){
  .queue-runner{margin-bottom:11px;padding-bottom:9px}
  .queue-runner-copy{font-size:8px}
  .queue-runner-progress{flex-basis:90px}
  .queue-card.is-next{box-shadow:3px 3px 0 var(--eclipse-green)}
}
@media(prefers-reduced-motion:reduce){
  .queue-runner-copy i,.queue-runner-progress span,.queue-card.is-next:after{animation:none}
  .queue-runner-progress span{width:100%;transform:none}
}

/* 2026-09-11 hero metadata cleanup: remove the decorative separator line. */
.hero-bottom{border-top:0}

/* 2026-09-11 Oracle background mark. */
#oracle{position:relative;isolation:isolate;overflow:hidden}
#oracle>div{position:relative;z-index:1}
#oracle::before{
  content:'';
  position:absolute;
  z-index:0;
  left:-36vw;
  top:50%;
  width:min(78vw,820px);
  height:min(78vw,820px);
  pointer-events:none;
  background:url('assets/packdex-logo-electric-mascot-transparent-3d.png') center/contain no-repeat;
  opacity:.3;
  transform:translateY(-50%) rotate(-4deg);
  filter:drop-shadow(0 24px 28px #14231918);
  animation:oracleLogoFloat 10s ease-in-out infinite;
}
@keyframes oracleLogoFloat{
  0%,100%{transform:translateY(-50%) rotate(-4deg)}
  50%{transform:translateY(calc(-50% - 10px)) rotate(-1deg)}
}
@media(max-width:760px){
  #oracle::before{
    left:-58vw;
    top:38%;
    width:128vw;
    height:128vw;
  }
}
@media(prefers-reduced-motion:reduce){
  #oracle::before{animation:none;transform:translateY(-50%) rotate(-4deg)}
}

/* 2026-09-11 responsive hero and market-card polish. */
@media(min-width:761px){
  .hero{display:flex;flex-direction:column;align-items:center}
  .hero-copy{width:min(100%,900px);margin-inline:auto;padding-right:0;text-align:center}
  .hero h1{font-size:61.8px;text-align:center}
  .hero .actions{justify-content:center}
  .hero-art{display:none}
  .hero-bottom{width:100%;margin-top:auto}
}

@media(max-width:760px){
  #markets .market-card{border:0}
  #markets .market-badge{display:none}
  #markets .market-image{background:linear-gradient(180deg,#f1f5ef 0%,#ddebe0 56%,color-mix(in srgb,var(--eclipse-green) 40%,transparent) 100%)}
  #markets .market-image::after{background:linear-gradient(180deg,transparent 35%,color-mix(in srgb,var(--eclipse-green) 6.4%,transparent) 57%,color-mix(in srgb,var(--eclipse-green) 32.8%,transparent) 100%)}
  #markets .market-info{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--eclipse-green) 28%,transparent) 23%,color-mix(in srgb,var(--eclipse-green) 40%,transparent) 100%)}
  #markets .market-card:hover{box-shadow:5px 5px 0 color-mix(in srgb,var(--eclipse-green) 40%,transparent)}
  #markets .market-count{font-size:8px;line-height:1.1;padding:5px 6px;color:#14251a}
  #markets .market-title h3{font-size:16px;line-height:1.05;color:#14251a}
  #markets .market-title>span{padding:4px 5px;border-color:color-mix(in srgb,#376340 40%,transparent);color:#183321;font-size:9px;line-height:1.1}
  #markets .market-stats{border-top-color:color-mix(in srgb,#376340 40%,transparent)}
  #markets .market-stats small{font-size:8px;line-height:1.15;min-height:2.3em;margin-bottom:3px;letter-spacing:.04em;color:#31513d}
  #markets .market-stats b{font-size:13px;line-height:1.1;color:#101810}
  #markets .market-card button{justify-content:center;gap:6px;text-align:center;font-size:10px;line-height:1.2;min-height:32px;border-color:color-mix(in srgb,#376340 40%,transparent);color:#14251a}
}

/* 2026-09-11 mobile market-card readability pass: keep metadata below the image. */
@media(max-width:760px){
  #markets .market-grid{align-items:start;row-gap:14px}
  #markets .market-card{display:flex;flex-direction:column;aspect-ratio:auto;overflow:hidden;background:var(--eclipse-paper);border:1px solid var(--eclipse-line);border-radius:16px}
  #markets .market-image{flex:0 0 auto;grid-area:auto;width:100%;height:auto!important;min-height:0;aspect-ratio:1;background:var(--eclipse-stage)}
  #markets .market-image::after{display:none}
  #markets .market-image .index-cube{position:relative;z-index:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
  #markets .market-count{top:9px;right:9px;bottom:auto;padding:4px 5px;background:#fff;color:var(--eclipse-ink);font-size:8px;line-height:1;border-radius:999px}
  #markets .market-info{grid-area:auto;z-index:auto;align-self:stretch;padding:11px 10px 10px;background:var(--eclipse-paper);color:var(--eclipse-ink)}
  #markets .market-info .pack-type-icons,#markets .market-info>p{display:none}
  #markets .market-title{display:flex;align-items:center;gap:6px;min-width:0}
  #markets .market-title h3{min-width:0;font-size:16px;line-height:1;letter-spacing:-.04em;color:var(--eclipse-ink)}
  #markets .market-title>span{margin:0 0 0 auto;padding:4px 5px;border-color:var(--eclipse-line);color:var(--eclipse-ink);font-size:8px;line-height:1;white-space:nowrap;border-radius:999px}
  #markets .market-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px;padding-top:9px;border-top:1px solid var(--eclipse-line)}
  #markets .market-stats small{display:block;min-height:0;margin:0 0 4px;font-size:8px;line-height:1.1;letter-spacing:.02em;white-space:normal;color:var(--eclipse-muted)}
  #markets .market-stats div:nth-child(2) small{font-size:0}
  #markets .market-stats div:nth-child(2) small::after{content:'MIN PREDICTION';font-size:8px}
  #markets .market-stats b{font-size:13px;line-height:1;color:var(--eclipse-ink)}
  #markets .market-card button{margin-top:10px;padding:8px 7px;min-height:32px;border-color:var(--eclipse-line);background:transparent;color:var(--eclipse-ink);font-size:9px;line-height:1.1;border-radius:999px}
}

/* 2026-09-11 mobile market-card label cleanup. */
.market-stat-label-short{display:none}
@media(max-width:760px){
  #markets .market-title{display:block}
  #markets .market-title h3{display:block}
  #markets .market-title>span{display:inline-flex;margin-top:7px}
  #markets .market-stats div:nth-child(2) small{font-size:7px;line-height:1.05}
  #markets .market-stats div:nth-child(2) .market-stat-label-full{display:none}
  #markets .market-stats div:nth-child(2) .market-stat-label-short{display:inline}
}

/* 2026-09-11 desktop hero alignment. */
@media(min-width:761px){
  .hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100svh - 90px);padding-top:clamp(32px,5vh,68px);padding-bottom:0}
  .hero-copy{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;width:min(100%,1060px);margin-inline:auto;padding-right:0;text-align:center}
  .hero h1{width:min(100%,980px);margin:0;font-size:61.8px;line-height:.94;letter-spacing:-.045em;text-align:center;text-wrap:balance}
  .hero h1 .hero-mobile-break{display:none}
  .hero .actions{width:100%;margin-top:31px;justify-content:center}
  .hero-art{display:none}
  .hero-bottom{width:100%;margin-top:auto}
}

/* 2026-09-11 desktop navigation: show menu links above the mobile breakpoint. */
@media(min-width:431px){
  .menu-toggle{display:none}
  nav#main-nav,nav#main-nav.is-open{display:flex;position:static;flex-direction:row;align-items:center;gap:clamp(12px,2.4vw,32px);min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  nav#main-nav a,nav#main-nav.is-open a{padding:0;border-radius:0;background:transparent;font-size:clamp(11px,.95vw,15px)}
}
@media(max-width:430px){
  .menu-toggle{display:inline-grid}
  nav#main-nav{display:none}
  nav#main-nav.is-open{display:flex}
}

/* 2026-09-11 wide-desktop hero headline scale. */
@media(min-width:1100px){
  .hero h1{width:min(100%,1100px);font-size:clamp(50px,4.8vw,56px)}
  .hero h1 em{white-space:nowrap}
}

/* 2026-09-11 desktop hero CTA anchoring. */
@media(min-width:761px){
  .hero-copy{flex:1 1 auto;min-height:0}
  .hero .actions{margin-top:auto}
  .hero-bottom{margin-top:0}
}

/* 2026-09-11 desktop hero video scale. */
@media(min-width:761px){
  .hero-video-background{
    top:10%;
    right:10%;
    bottom:10%;
    left:10%;
    width:80%;
    height:80%;
    object-fit:cover;
    object-position:center;
  }
}

/* 2026-09-11 desktop hero video frame cleanup. */
@media(min-width:761px){
  .hero-video-background{
    border:0;
    outline:0;
    box-shadow:none;
    clip-path:inset(2px);
  }
}

/* 2026-09-11 desktop hero headline scale. */
@media(min-width:761px){
  .hero h1{font-size:49.8px}
}

/* 2026-09-11 centered Pack Library bundle headline. */
.pack-library .bundle-plaque{justify-content:center;text-align:center}
.pack-library .bundle-plaque strong{max-width:760px;font-size:clamp(14px,1.25vw,18px);line-height:1.35}
@media(max-width:760px){
  .pack-library .bundle-plaque{padding-inline:8px}
  .pack-library .bundle-plaque strong{font-size:14px}
}

/* 2026-09-11: render PACKDEX™ wordmarks as a compact all-small-caps lockup. */
.wordmark{font-variant-caps:all-small-caps;text-transform:none;letter-spacing:-.02em}

/* 2026-09-11 Oracle proof chart: keep the rule visible and show the local market signal as motion. */
#oracle .oracle-rules{margin-top:30px;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line);padding:18px 0 20px}
#oracle .oracle-rules-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px;font-weight:700}
#oracle .oracle-rules-label::after{content:'VISIBLE RULES';font-size:8px;letter-spacing:1px;color:var(--site-muted);font-weight:500}
#oracle .oracle-rules p{margin:16px 0 0;font-size:14px;line-height:1.7}
#oracle .value-proof{padding:0!important;overflow:hidden}
#oracle .oracle-chart-shell{min-height:100%;padding:25px 25px 22px;background:#1a3025;color:#eff8ec;border:1px solid #80b38a;border-radius:inherit;box-shadow:10px 10px 0 #a1fea0;overflow:hidden}
.oracle-chart-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid #6b8c70;font:600 10px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:1.2px;color:#b8ceb9}
.oracle-chart-head b{color:#a1fea0;font-size:9px;white-space:nowrap}
.oracle-chart-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:21px 0 18px;border-bottom:1px solid #6b8c70}
.oracle-chart-stats div{display:grid;gap:7px}
.oracle-chart-stats span,.oracle-chart-legend,.oracle-chart-axis{font:600 8px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:1px;color:#91ae97}
.oracle-chart-stats strong{font:500 clamp(19px,2.5vw,31px)/1 'Eclipse Mono',ui-monospace,monospace;letter-spacing:-.07em;color:#fff}
.oracle-chart-stats div:nth-child(2) strong{color:#a1fea0}
.oracle-chart-stats div:nth-child(3) strong{color:#ffd969}
.oracle-chart{position:relative;height:235px;padding-top:14px}
.oracle-chart-grid{position:absolute;inset:14px 0 32px;display:grid;grid-template-rows:repeat(4,1fr);pointer-events:none}
.oracle-chart-grid i{border-top:1px solid #6b8c7055}
.oracle-chart svg{position:absolute;inset:14px 0 31px;width:100%;height:calc(100% - 45px);overflow:visible}
.oracle-chart-area{fill:#a1fea018;stroke:none}
.oracle-chart-line{fill:none;stroke-width:2.6;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900;animation:oracleChartDraw 4.8s ease-in-out infinite alternate}
.oracle-chart-strike{stroke:#f0f6e9;stroke-width:1.25;stroke-dasharray:7 8;stroke-dashoffset:0;opacity:.62}
.oracle-chart-instant{stroke:#a1fea0;filter:drop-shadow(0 0 4px #a1fea066)}
.oracle-chart-demand{stroke:#ffd969;stroke-width:1.9;animation-delay:.35s;filter:drop-shadow(0 0 4px #ffd96955)}
.oracle-chart-cursor{fill:#fff;stroke:#a1fea0;stroke-width:3;vector-effect:non-scaling-stroke;animation:oracleChartCursor 4.8s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px #a1fea0)}
.oracle-chart-axis{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#b8ceb9}
.oracle-chart-legend{display:flex;flex-wrap:wrap;gap:15px 22px;padding-top:16px;border-top:1px solid #6b8c70;color:#d7e3d7}
.oracle-chart-legend span{display:inline-flex;align-items:center;gap:7px}
.oracle-chart-legend i{display:inline-block;width:22px;border-top:2px solid #a1fea0}
.oracle-chart-legend .oracle-legend-strike{border-top:1px dashed #f0f6e9}
.oracle-chart-legend .oracle-legend-demand{border-color:#ffd969}
#oracle .oracle-chart-shell .oracle-mini{margin-top:19px;color:#b8ceb9;font-size:9px}
@keyframes oracleChartDraw{0%{stroke-dashoffset:900;opacity:.45}45%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes oracleChartCursor{0%{transform:translateX(-8px);opacity:.6}100%{transform:translateX(14px);opacity:1}}
@media(max-width:760px){
  #oracle .oracle-rules{margin-top:24px}
  #oracle .oracle-rules p{font-size:13px}
  #oracle .oracle-chart-shell{padding:20px 16px 18px;box-shadow:7px 7px 0 #a1fea0}
  .oracle-chart-head{font-size:8px}
  .oracle-chart-stats{gap:10px;padding:17px 0 15px}
  .oracle-chart-stats span{font-size:7px;letter-spacing:.6px}
  .oracle-chart-stats strong{font-size:19px}
  .oracle-chart{height:190px}
  .oracle-chart-legend{gap:10px 13px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .oracle-chart-line{animation:none;stroke-dashoffset:0}
  .oracle-chart-cursor{animation:none}
}

.user-card-pool-strip{padding:18px 0 0;border-top:1px solid currentColor;color:var(--site-line)}
.user-card-pool-strip-label{display:block;margin-bottom:12px;color:var(--site-muted);font:600 9px/1.2 'Eclipse Mono',ui-monospace,monospace;letter-spacing:.12em}
.user-card-pool-strip>div{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
.user-card-pool-strip figure{display:grid;gap:6px;flex:0 0 58px;margin:0}
.user-card-pool-strip img{width:58px;height:80px;object-fit:cover;object-position:center;border-radius:5px;border:1px solid currentColor;box-shadow:3px 4px 0 #1113;background:#fff;transition:transform .25s ease}
.user-card-pool-strip figure:nth-child(2n) img{transform:rotate(2deg)}
.user-card-pool-strip figure:nth-child(3n) img{transform:rotate(-2deg)}
.user-card-pool-strip figure:hover img{transform:translateY(-4px) rotate(0)}
.user-card-pool-strip figcaption{color:var(--site-muted);font:600 7px/1.15 'Eclipse Mono',ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mechanics-card-pool-strip{margin-top:20px;color:#6f937a}
.mechanics-card-pool-strip .user-card-pool-strip-label,.mechanics-card-pool-strip figcaption{color:#bdd3c2}
.market-heading-action{margin-top:26px}

@media(max-width:760px){
  .user-card-pool-strip{padding-top:15px}
  .market-heading-action{margin-top:20px}
}