:root{--bg:#07070b;--panel:#111019;--panel-2:#171522;--line:#2b2738;--text:#f8f7fb;--muted:#aaa5b6;--gold:#f3bd3e;--gold2:#ffdf7e;--violet:#8b5cf6;--violet2:#c4a6ff;--green:#43e49b;--red:#ff6b6b;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 60% -20%,#211438 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.ambient{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(130px);opacity:.11;pointer-events:none;z-index:-1}.ambient-one{background:var(--violet);right:-260px;top:18%}.ambient-two{background:var(--gold);left:-280px;top:65%}.test-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 max(18px,3vw);border-bottom:1px solid var(--line);background:#08070dda;backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:11px}.brand img{width:43px;height:43px;border-radius:12px;image-rendering:pixelated}.brand strong,.brand span{display:block}.brand strong{font-size:1.05rem;letter-spacing:.12em}.brand span{font-size:.62rem;color:var(--muted);font-weight:850;letter-spacing:.15em}.test-badge{display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #f3bd3e55;border-radius:999px;background:#f3bd3e0b;color:#ffe09a;font-size:.68rem;font-weight:950;letter-spacing:.12em}.test-badge span{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold);animation:pulse 1.7s infinite}.wallet-button{justify-self:end;border:1px solid #8b5cf677;border-radius:11px;background:#161126;color:white;padding:11px 15px;font-size:.72rem;font-weight:950;letter-spacing:.06em;cursor:pointer}@keyframes pulse{50%{opacity:.35}}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:.72rem;font-weight:950;letter-spacing:.18em}h1,h2,h3,p{margin-top:0}h1{margin:.12em 0 .28em;font-size:clamp(3.8rem,8vw,7.8rem);line-height:.84;letter-spacing:-.07em;font-weight:1000}h1 span{color:var(--gold)}h2{margin:0;font-size:clamp(2.2rem,4.9vw,4.6rem);line-height:.95;letter-spacing:-.055em;font-weight:1000}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:80px 0}.hero-lead{max-width:680px;color:#c5c0ce;font-size:1.12rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.hero-stats article{padding:17px;border:1px solid var(--line);border-radius:16px;background:#12101a}.hero-stats span,.hero-stats small{display:block}.hero-stats span{font-size:.59rem;color:#8f899a;font-weight:950;letter-spacing:.12em}.hero-stats strong{display:block;margin:4px 0 1px;font-size:1.5rem}.hero-stats small{font-size:.65rem;color:var(--muted)}.test-note{margin:19px 0 0;padding:12px 14px;border-left:3px solid var(--gold);background:#f3bd3e0a;color:#bdb6c9;font-size:.75rem}.test-note b{color:var(--gold)}.hero-visual{position:relative}.hero-visual img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;border:1px solid #ffffff20;border-radius:26px;box-shadow:0 36px 90px #000b}.verified-chip{position:absolute;right:18px;bottom:18px;padding:9px 12px;border:1px solid #43e49b66;border-radius:999px;background:#07110dcc;color:#88f3bd;font-size:.64rem;font-weight:950;letter-spacing:.12em}.box-shop,.opening-shell,.odds-section,.risk{padding:100px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-heading>div{max-width:800px}.section-heading>p{max-width:390px;margin:0;color:var(--muted);font-size:.9rem}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.tier-card{min-height:350px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#111019;color:white;text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:.2s transform,.2s border-color,.2s box-shadow}.tier-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,var(--glow),transparent 43%);opacity:.75}.tier-card>*{position:relative;z-index:1}.tier-card:hover{transform:translateY(-4px)}.tier-card[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 24px 70px #0008}.tier-card.bronze{--accent:#d68c41;--glow:#d68c4155}.tier-card.violet{--accent:var(--violet);--glow:#8b5cf666}.tier-card.gold{--accent:var(--gold);--glow:#f3bd3e66}.tier-kicker{font-size:.66rem;color:#ffffffb5;font-weight:950;letter-spacing:.16em}.tier-card>strong{font-size:2.5rem;line-height:1;margin-top:5px}.tier-card>strong small{font-size:.75rem;color:var(--muted);letter-spacing:.12em}.tier-card p{margin:8px 0 16px;color:#c0bac9;font-size:.82rem}.tier-card>b{font-size:.72rem;color:var(--accent);letter-spacing:.09em}.mini-box{width:130px;height:112px;margin:auto;align-self:center;position:relative;background:linear-gradient(135deg,var(--accent),#211720);border-radius:8px;box-shadow:0 22px 45px #0009,0 0 40px var(--glow)}.mini-box:before{content:"";position:absolute;width:148px;height:25px;left:-9px;top:-11px;background:linear-gradient(90deg,#2b2024,var(--accent),#2b2024);border-radius:6px}.mini-box:after{content:"";position:absolute;width:20px;inset:-11px auto 0 55px;background:#ffe4a588}.mini-box i:before,.mini-box i:after{content:"";position:absolute;width:55px;height:34px;border:12px solid var(--accent);border-radius:55% 55% 12% 55%;top:-48px}.mini-box i:before{left:12px;transform:rotate(18deg)}.mini-box i:after{right:12px;transform:scaleX(-1) rotate(18deg)}.opening-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.opening-stage,.purchase-card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#14111d,#0e0d14)}.opening-stage{min-height:660px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.opening-stage:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#8b5cf630,transparent 66%)}.stage-topline{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;color:#a9a2b3;font-size:.66rem;font-weight:950;letter-spacing:.1em}.status-pill{color:#8ef2bf}.reveal-box{--box:#d68c41;width:220px;height:190px;position:relative;margin:65px 0 40px;filter:drop-shadow(0 28px 30px #000a);transition:.35s transform}.reveal-box.violet{--box:var(--violet)}.reveal-box.gold{--box:var(--gold)}.box-body{position:absolute;inset:40px 0 0;background:linear-gradient(145deg,var(--box),#2b192a);border:1px solid #ffffff2b;border-radius:10px;display:grid;place-items:center;overflow:hidden}.box-body:before{content:"";position:absolute;width:33px;inset:0 auto 0 94px;background:#fff1bd88}.box-body img{width:70px;height:70px;border-radius:16px;image-rendering:pixelated;position:relative;z-index:1;box-shadow:0 10px 30px #0008}.box-lid{position:absolute;width:244px;height:48px;left:-12px;top:20px;border-radius:8px;background:linear-gradient(90deg,#291c24,var(--box),#291c24);z-index:3;transform-origin:20px bottom;transition:.7s transform}.box-lid:before,.box-lid:after{content:"";position:absolute;width:78px;height:58px;border:17px solid var(--box);top:-63px}.box-lid:before{left:37px;border-radius:55% 55% 10% 55%;transform:rotate(15deg)}.box-lid:after{right:37px;border-radius:55% 55% 55% 10%;transform:rotate(-15deg)}.box-lid span{position:absolute;width:33px;inset:0 auto 0 105px;background:#fff1bd88}.reward-burst{position:absolute;width:20px;height:20px;left:100px;top:90px;border-radius:50%;background:white;opacity:0;box-shadow:0 0 60px 30px var(--box)}.reveal-box.opening{animation:shake .55s ease-in-out 2}.reveal-box.opened .box-lid{transform:translate(-18px,-70px) rotate(-18deg)}.reveal-box.opened .reward-burst{animation:burst 1.1s ease-out forwards}@keyframes shake{20%{transform:rotate(-3deg) translateX(-4px)}40%{transform:rotate(3deg) translateX(4px)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes burst{0%{opacity:0;transform:scale(.2)}30%{opacity:1}100%{opacity:0;transform:scale(8)}}.result-panel{text-align:center;position:relative;z-index:2}.result-panel span{color:#8f8998;font-size:.63rem;font-weight:950;letter-spacing:.17em}.result-panel strong{display:block;margin:5px 0;font-size:clamp(2.8rem,6vw,5rem);line-height:1;color:var(--gold)}.result-panel p{margin:0;color:var(--muted)}.purchase-card{padding:30px}.purchase-card h2{font-size:2.4rem;margin-bottom:26px}.recipient-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#0b0a10}.recipient-toggle button{border:0;border-radius:9px;padding:11px 8px;background:transparent;color:#8f899a;font-size:.67rem;font-weight:950;cursor:pointer}.recipient-toggle button.active{background:#282234;color:white}.recipient-field{display:block;margin-top:16px}.recipient-field span,.recipient-field small{display:block}.recipient-field span{font-size:.62rem;font-weight:950;color:#a59eaf;letter-spacing:.11em}.recipient-field input{width:100%;margin:6px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0c0b11;color:white;font:inherit}.recipient-field small{color:#777080;font-size:.66rem}.quote-card{display:grid;gap:0;margin:20px 0;border:1px solid var(--line);border-radius:17px;overflow:hidden}.quote-card>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;border-bottom:1px solid var(--line)}.quote-card>div:last-child{border-bottom:0}.quote-card span{font-size:.63rem;color:#8e8798;font-weight:950;letter-spacing:.1em}.quote-card strong{font-size:.86rem;text-align:right}.primary-action,.live-action{width:100%;border-radius:12px;padding:15px;border:1px solid var(--gold);font-size:.74rem;font-weight:1000;letter-spacing:.06em}.primary-action{background:var(--gold);color:#1c1404;cursor:pointer}.primary-action:disabled{opacity:.55;cursor:wait}.live-action{margin-top:9px;border-color:#393342;background:#15131c;color:#716b78}.purchase-status{margin:12px 0 0;color:#8e8798;font-size:.72rem;text-align:center}.section-heading.compact{margin-bottom:28px}.odds-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.odds-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#0e0d13}table{width:100%;border-collapse:collapse;min-width:670px}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}th{color:#8e8798;font-size:.62rem;letter-spacing:.11em;text-transform:uppercase}td{font-size:.82rem}tbody td:first-child{font-weight:1000;color:white}tbody td:nth-child(2){font-weight:900;color:var(--gold)}tfoot td{border:0;background:#181520;font-weight:950}.soft-loss{color:#d6a989}.even{color:#d9d5df}.win{color:var(--green)}.jackpot-row{background:#f3bd3e0e}.jackpot-row td{color:var(--gold)!important;font-weight:1000}.trust-stack{display:grid;gap:10px}.trust-stack article{display:flex;gap:13px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.trust-stack article>span{color:var(--gold);font-size:.66rem;font-weight:1000}.trust-stack h3{font-size:.9rem;margin:0 0 4px}.trust-stack p{font-size:.75rem;color:var(--muted);margin:0}.risk{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:50px}.risk p:last-child{margin:0;color:#bbb5c2}.risk h2{font-size:3.5rem}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;color:var(--muted);border-top:1px solid var(--line)}footer b,footer span{display:block}footer b{color:white;font-size:.82rem}footer span,footer p{font-size:.7rem;margin:0}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{max-width:760px}.tier-grid{grid-template-columns:1fr 1fr}.tier-card.gold{grid-column:1/-1}.opening-shell,.odds-layout{grid-template-columns:1fr}.opening-stage{min-height:600px}.risk{grid-template-columns:1fr}}@media(max-width:650px){.shell{width:min(100% - 24px,1180px)}.test-header{height:auto;min-height:68px;padding:10px 12px;grid-template-columns:1fr auto}.test-badge{grid-column:1/-1;grid-row:2;justify-self:center;font-size:.58rem}.wallet-button{padding:9px 10px}.hero{min-height:auto;padding:48px 0}.hero-stats,.tier-grid{grid-template-columns:1fr}.tier-card.gold{grid-column:auto}.tier-card{min-height:300px}.section-heading{display:block}.section-heading>p{margin-top:18px}.box-shop,.opening-shell,.odds-section,.risk{padding:72px 0}.opening-stage{min-height:520px;padding:16px}.purchase-card{padding:22px}.stage-topline{font-size:.55rem}.reveal-box{transform:scale(.82);margin-bottom:10px}.hero-visual img{aspect-ratio:1/1;object-position:66% center}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Verified Ronin mainnet integration */
.test-badge.live{border-color:#43e49b66;color:#88f3bd}.test-badge.live span{background:var(--green);box-shadow:0 0 14px var(--green)}
.contract-console{padding:100px 0;border-top:1px solid var(--line)}
.tier-card>strong{font-size:2.2rem}
.quote-rate-field{padding:12px;border:1px solid #f3bd3e33;border-radius:13px;background:#f3bd3e08}
.secondary-action{width:100%;margin-top:9px;border:1px solid #8b5cf677;border-radius:12px;padding:15px;background:#211833;color:#d7c7ff;font-size:.74rem;font-weight:1000;letter-spacing:.06em;cursor:pointer}
.live-action{border-color:#43e49b77;background:#123126;color:#93f5c4;cursor:pointer}
.live-action:disabled,.secondary-action:disabled{border-color:#393342;background:#15131c;color:#716b78;cursor:not-allowed}
.purchase-status.good{color:var(--green)}.purchase-status.bad{color:#ff9b9b}
.chain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.chain-grid article{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.chain-grid span,.wallet-summary span,.owner-actions span{display:block;color:#8e8798;font-size:.59rem;font-weight:950;letter-spacing:.11em}
.chain-grid strong{display:block;margin-top:6px;font-size:.9rem;overflow-wrap:anywhere}
.state-bad{color:var(--gold)}.state-good{color:var(--green)}
.wallet-summary{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:15px;margin-top:12px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#0e0d13}
.wallet-summary strong{display:block;margin-top:5px;font-size:.85rem}
.wallet-summary button,.owner-actions button{border:1px solid #8b5cf677;border-radius:10px;background:#211833;color:#e4d9ff;padding:12px;font-size:.65rem;font-weight:950;letter-spacing:.07em;cursor:pointer}
.owner-panel{margin-top:18px;padding:24px;border:1px solid #f3bd3e44;border-radius:20px;background:linear-gradient(145deg,#17130c,#100e14)}
.owner-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}
.owner-heading h3{margin:0;font-size:1.5rem}.owner-heading>p{max-width:430px;margin:0;color:var(--muted);font-size:.75rem}
.owner-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:20px}
.owner-actions label,.pause-control{padding:15px;border:1px solid var(--line);border-radius:14px;background:#0c0b10}
.owner-actions input{width:100%;margin:8px 0;padding:11px;border:1px solid var(--line);border-radius:9px;background:#08070c;color:white;font:inherit}
.owner-actions button{width:100%}.owner-actions button:disabled{opacity:.4;cursor:not-allowed}
.pause-control>small{display:block;margin-top:8px;color:#817a89;font-size:.63rem}
.contract-links{display:flex;gap:10px;margin-top:14px}
.contract-links a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#bda9ed;text-decoration:none;font-size:.62rem;font-weight:950;letter-spacing:.1em}
@media(max-width:980px){.chain-grid{grid-template-columns:repeat(2,1fr)}.wallet-summary{grid-template-columns:repeat(2,1fr)}.owner-actions{grid-template-columns:1fr}.owner-heading{display:block}.owner-heading>p{margin-top:12px}}
@media(max-width:650px){.contract-console{padding:72px 0}.chain-grid,.wallet-summary{grid-template-columns:1fr}.contract-links{flex-direction:column}}
