:root { --bg: #07110e; --surface:#101d17; --text:#eee9df; --muted:#b1b4a9; --gold:#d6b773; --gold-dim:#947c4d; --line:rgba(214,183,115,.20); --header-h:82px; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; scroll-padding-top:var(--header-h); }
    body { margin:0; background:var(--bg); color:var(--text); font-family:'Manrope',Arial,sans-serif; -webkit-font-smoothing:antialiased; }
    button,a { -webkit-tap-highlight-color:transparent; }
    button { cursor:pointer; font:inherit; }
    a { color:inherit; text-decoration:none; }
    .site-header { position:fixed; z-index:30; top:0; left:0; width:100%; height:var(--header-h); display:flex; align-items:center; justify-content:space-between; gap:25px; padding:0 clamp(20px,4.2vw,76px); border-bottom:1px solid rgba(233,215,177,.11); background:rgba(4,12,9,.42); backdrop-filter:blur(16px); transition:background .25s,box-shadow .25s; }
    .site-header.scrolled { background:rgba(5,14,11,.92); box-shadow:0 8px 30px rgba(0,0,0,.2); }
    .brand { display:inline-flex; align-items:center; gap:11px; white-space:nowrap; flex-shrink:0; }
    .brand { position:relative; height:100%; }
    .brand::after { position:absolute; content:""; bottom:0; left:0; right:0; height:2px; background:var(--gold); transform:scaleX(0); transition:transform .25s; }
    .brand.active::after { transform:scaleX(1); }
    .brand svg { width:34px; height:40px; filter:drop-shadow(0 0 10px rgba(214,183,115,.2)); }
    .brand-name { font-family:'Cormorant Garamond',Georgia,serif; font-size:29px; font-weight:600; letter-spacing:.035em; color:#f1dfb4; }
    .main-nav { display:flex; align-items:stretch; justify-content:center; gap:clamp(14px,2.6vw,43px); height:100%; }
    .main-nav a { position:relative; display:flex; align-items:center; color:#bcbfb6; font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; transition:color .25s; white-space:nowrap; }
    .main-nav a:hover,.main-nav a.active { color:#ead5a6; }
    .main-nav a::after { position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--gold); content:''; transform:scaleX(0); transition:transform .25s; }
    .main-nav a.active::after { transform:scaleX(1); }
    .wallet { display:inline-flex; justify-content:center; align-items:center; gap:10px; border:1px solid rgba(220,189,123,.75); padding:12px 18px; background:rgba(14,21,15,.42); color:#eeddb6; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap; transition:background .2s,transform .2s; }
    .wallet:hover { background:rgba(214,183,115,.14); transform:translateY(-1px); }
    .wallet svg { width:16px; height:16px; }
    .menu-toggle { display:none; background:none; border:0; padding:8px; color:var(--gold); }
    .hero { min-height:100svh; position:relative; isolation:isolate; display:grid; place-items:center; background-image:linear-gradient(180deg,rgba(1,7,4,.18) 0%,rgba(2,10,7,.05) 40%,rgba(1,9,6,.35) 100%),url('poker-background.png'); background-position:center center; background-size:cover; }
    .hero::after { position:absolute; z-index:-1; inset:0; content:''; background:radial-gradient(ellipse at center,rgba(4,12,8,0) 12%,rgba(0,0,0,.22) 80%); }
    .hero-title { margin:0 0 12px; font-family:'Cinzel Decorative',Georgia,serif; font-size:clamp(43px,9vw,128px); font-weight:400; line-height:1.2; letter-spacing:.095em; background:linear-gradient(180deg,#91672D 0%,#FFE6A1 29%,#F1C567 55%,#8C6229 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; filter:drop-shadow(0 4px 24px rgba(0,0,0,.44)); user-select:none; }
    .scroll-cue { position:absolute; bottom:34px; left:50%; transform:translateX(-50%); display:flex; align-items:center; flex-direction:column; gap:13px; text-transform:uppercase; font-size:9px; font-weight:700; letter-spacing:.34em; color:#cfbd91; }
    .scroll-cue::after { content:''; width:1px; height:39px; background:linear-gradient(var(--gold),transparent); animation:pulse 2s infinite; }
    @keyframes pulse { 50% { opacity:.35; transform:translateY(7px); } }
    .content-section { position:relative; padding:clamp(100px,10vw,165px) clamp(24px,7.5vw,140px); border-top:1px solid rgba(214,183,115,.09); background:radial-gradient(ellipse at 75% 10%,rgba(38,62,44,.17),transparent 42%),var(--bg); }
    .content-section:nth-of-type(odd) { background:radial-gradient(ellipse at 15% 35%,rgba(35,56,41,.21),transparent 44%),#09130f; }
    .section-inner { max-width:1190px; margin:0 auto; }
    .eyebrow { display:flex; align-items:center; gap:15px; margin-bottom:23px; text-transform:uppercase; letter-spacing:.30em; font-size:10px; font-weight:700; color:var(--gold); }
    .eyebrow::before { content:''; display:block; height:1px; width:37px; background:var(--gold); }
    h2 { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(54px,6.6vw,96px); font-weight:500; letter-spacing:-.036em; line-height:.99; margin:0 0 30px; }
    .poker-themed { white-space:nowrap; }
    .straight-hyphen { display:inline-block; width:.23em; height:.022em; background:currentColor; vertical-align:middle; margin:0 .015em; transform:translateY(-.02em); border-radius:1px; }
    .intro { color:#c7c8c1; max-width:650px; font-size:clamp(15px,1.35vw,18px); line-height:1.9; margin:0 0 56px; }
    .steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
    .step,.stat,.mechanics-card { border:1px solid var(--line); background:linear-gradient(145deg,rgba(35,52,38,.47),rgba(8,18,13,.65)); }
    .step { padding:40px 32px; min-height:270px; }
    .step-number { font-family:'Cormorant Garamond',Georgia,serif; font-size:48px; color:var(--gold); }
    h3 { font-family:'Cormorant Garamond',Georgia,serif; font-size:34px; font-weight:600; margin:18px 0 14px; color:#f3e5c8; }
    .step p,.mechanics-card p { color:var(--muted); font-size:13px; line-height:1.9; margin:0; }
    .stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
    .stat { text-align:center; padding:45px 20px; }
    .stat strong { display:block; font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(57px,6vw,90px); line-height:1; font-weight:500; color:#efd3a0; }
    .stat span { display:block; margin-top:16px; color:#b6b4a5; font-size:11px; text-transform:uppercase; letter-spacing:.18em; }
    /* The collection opens closer to the header for a cleaner transition from the hero. */
    #genesis { padding-top:clamp(54px,6vw,90px); padding-bottom:clamp(90px,9vw,140px); }
    #genesis h2 { max-width:1040px; margin-bottom:48px; }
    .mechanics-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
    .mechanics-card { border-radius:2px; min-height:350px; padding:30px; display:grid; align-content:center; }
    .cards { display:flex; justify-content:center; gap:8px; margin-bottom:20px; }
    .playing-card { width:clamp(50px,7vw,85px); aspect-ratio:5/7; background:#f6efdc; border:2px solid #c3ab78; border-radius:6px; color:#1e332b; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(0,0,0,.3); transform:rotate(var(--rotation)); }
    .playing-card.red { color:#9a2e35; }
    .playing-card b { font-family:Georgia,serif; font-size:clamp(19px,2.5vw,31px); }
    .playing-card span { font-size:clamp(22px,3vw,40px); }
    .mechanics-card p { text-align:center; }
    .button-outline { display:inline-block; margin-top:14px; border:1px solid var(--gold-dim); color:#e6cc97; text-transform:uppercase; font-size:11px; letter-spacing:.15em; padding:15px 21px; }
    .faq { max-width:850px; }
    details { border-bottom:1px solid var(--line); padding:20px 0; }
    summary { cursor:pointer; list-style:none; font-size:15px; font-weight:600; display:flex; justify-content:space-between; gap:20px; }
    summary::-webkit-details-marker { display:none; }
    summary::after { content:'+'; color:var(--gold); font-size:20px; }
    details[open] summary::after { content:'−'; }
    details p { color:var(--muted); line-height:1.85; font-size:13px; max-width:660px; }
    footer { border-top:1px solid var(--line); padding:33px 7.5vw; display:flex; justify-content:space-between; color:#9ea89f; font-size:11px; }
    footer span:first-child { color:#e0c38d; letter-spacing:.16em; }
    .modal { position:fixed; z-index:100; inset:0; background:rgba(0,0,0,.74); display:none; align-items:center; justify-content:center; padding:20px; }
    .modal.open { display:flex; }
    .modal-box { width:min(100%,440px); padding:37px; background:#102018; border:1px solid var(--gold-dim); box-shadow:0 20px 120px #000; position:relative; }
    .modal-box h2 { font-size:48px; margin:0 0 12px; }
    .modal-box p { color:var(--muted); line-height:1.8; font-size:14px; }
    .modal-close { position:absolute; right:15px; top:13px; border:0; background:none; color:#d6b773; font-size:25px; }
    @media (max-width:980px) { .main-nav { gap:15px; } .main-nav a { font-size:9px; letter-spacing:.08em; } .brand-name { font-size:25px; } .site-header { padding:0 22px; } .wallet { padding:11px 12px; font-size:9px; } .mechanics-layout { gap:30px; } }
    @media (max-width:720px) { :root { --header-h:70px; } .site-header { gap:12px; } .brand { position:relative; height:100%; }
    .brand::after { position:absolute; content:""; bottom:0; left:0; right:0; height:2px; background:var(--gold); transform:scaleX(0); transition:transform .25s; }
    .brand.active::after { transform:scaleX(1); }
    .brand svg { width:28px; height:33px; } .brand-name { font-size:25px; } .wallet { margin-left:auto; font-size:0; padding:10px; } .wallet svg { width:19px; height:19px; } .menu-toggle { display:block; } .main-nav { display:none; position:absolute; top:var(--header-h); left:0; right:0; height:auto; padding:20px 25px; flex-direction:column; align-items:stretch; gap:0; background:#07130e; border-bottom:1px solid var(--line); } .main-nav.open { display:flex; } .main-nav a { min-height:48px; font-size:11px; letter-spacing:.15em; } .main-nav a::after { left:0; width:28px; right:auto; } .hero-title { font-size:clamp(30px,8vw,76px); letter-spacing:.075em; padding-left:.075em; } .steps,.stats,.mechanics-layout { grid-template-columns:1fr; } .step { min-height:unset; } .stat { padding:25px; } .content-section { padding:92px 24px; } #genesis { padding-top:55px; } #genesis h2 { margin-bottom:36px; } .mechanics-layout { gap:30px; } footer { gap:15px; flex-direction:column; text-align:center; } }
    @media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }

    /* V6: align main sections neatly beneath the fixed header. */
    html { scroll-snap-type:y proximity; }
    main > section { scroll-snap-align:start; scroll-margin-top:0; }
    .hero { scroll-margin-top:0; }
    #genesis { padding-top:clamp(30px,3.5vw,52px); }
    .gameplay-section { padding-top:clamp(40px,4.5vw,64px); }
    .gameplay-section .eyebrow { margin-bottom:28px; }
    .gameplay-stack { display:grid; gap:16px; }
    .gameplay-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); border:1px solid var(--line); background:linear-gradient(110deg,rgba(23,42,30,.68),rgba(7,19,13,.35)); min-height:240px; overflow:hidden; }
    .gameplay-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(22px,4vw,48px); }
    .gameplay-number { font-size:10px; letter-spacing:.25em; color:var(--gold); font-weight:700; }
    .gameplay-copy h3 { font-size:clamp(33px,3.8vw,52px); margin:10px 0 8px; line-height:1.07; }
    .gameplay-copy p { font-size:13px; line-height:1.8; max-width:390px; margin:0; color:var(--muted); }
    .gameplay-art { min-height:240px; display:flex; align-items:center; justify-content:center; padding:25px; border-left:1px solid var(--line); background:radial-gradient(circle at 50% 45%,rgba(131,121,65,.14),transparent 64%); overflow:hidden; }
    .mock-pack { width:155px; height:206px; border:2px solid #bea06a; outline:1px solid #bea06a; outline-offset:-9px; background:linear-gradient(145deg,#14392a,#081910); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:11px; box-shadow:12px 12px 0 #06110c, 16px 16px 25px rgba(0,0,0,.3); color:#e9cd92; }
    .mock-pack-sigil { font-family:Georgia,serif; font-size:64px; line-height:1; }
    .mock-pack-name { font-family:'Cinzel Decorative',Georgia,serif; letter-spacing:.06em; font-size:16px; }
    .mock-pack-sub { letter-spacing:.25em; font-size:8px; }
    .mock-pack-suits { font-size:16px; letter-spacing:.05em; }
    .preview-hand { display:flex; gap:0; justify-content:center; padding:16px 4px; }
    .preview-card { background:#f2ead7; width:clamp(52px,5.8vw,76px); height:clamp(84px,8.4vw,111px); flex-shrink:0; border:1px solid #bea77b; border-radius:5px; display:flex; flex-direction:column; justify-content:center; align-items:center; font-family:Georgia,serif; font-size:25px; color:#193a2a; margin-left:-7px; box-shadow:0 5px 14px #0006; transform:rotate(var(--angle,0deg)) translateY(var(--lift,0px)); }
    .preview-card:first-child { margin-left:0; --angle:-8deg; --lift:8px; }
    .preview-card:nth-child(2) { --angle:-4deg; --lift:2px; }
    .preview-card:nth-child(4) { --angle:4deg; --lift:2px; }
    .preview-card:nth-child(5) { --angle:8deg; --lift:8px; }
    .preview-card.red { color:#9d3539; }
    .preview-card span { font-size:31px; }
    .mining-ring { width:230px; height:190px; border:1px solid rgba(214,183,115,.35); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#e4cb94; background:radial-gradient(circle,rgba(71,102,67,.16),transparent 72%); box-shadow:0 0 0 14px rgba(214,183,115,.035); }
    .mining-cards { font-family:Georgia,serif; font-size:15px; white-space:nowrap; }
    .mining-emblem { font-size:62px; line-height:1.1; }
    .mining-ring > span { font-size:9px; font-weight:700; letter-spacing:.28em; }
    @media(max-width:720px) {
      html { scroll-snap-type:y proximity; }
      #genesis { padding-top:34px; }
      .gameplay-section { padding-top:42px; }
      .gameplay-row { grid-template-columns:1fr; }
      .gameplay-art { border-left:0; border-top:1px solid var(--line); min-height:200px; }
      .gameplay-copy { padding:28px 24px; }
    }
    @media(prefers-reduced-motion:reduce) { html {scroll-snap-type:none;} }


    /* AceVault V8 interactive Gameplay mockup */
    .nav-play {color:#e4bf76!important;}
    .experience-intro {display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:10px 0 32px;}
    .experience-overline {font-size:10px;font-weight:700;letter-spacing:.27em;color:var(--gold);}
    .experience-intro h2 {font-size:clamp(49px,6vw,88px);margin:14px 0 12px;}
    .experience-intro p {margin:0;color:#b8c0b7;font-size:14px;line-height:1.8;}
    .dot {color:var(--gold);}
    .preview-note {font-size:9px;font-weight:700;letter-spacing:.15em;color:#9eae9e;white-space:nowrap;}
    .experience-stage {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);border:1px solid rgba(214,183,115,.25);min-height:570px;background:linear-gradient(125deg,#101f18,#07140f);}
    .opening-zone {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 25px 30px;overflow:hidden;}
    .opening-zone::before {position:absolute;content:'';width:480px;height:480px;top:45px;border:1px solid rgba(214,183,115,.1);border-radius:50%;box-shadow:0 0 0 52px rgba(214,183,115,.02),0 0 0 100px rgba(214,183,115,.012);pointer-events:none;}
    .stage-label {position:absolute;top:28px;left:30px;display:flex;gap:9px;align-items:center;color:#bdc3b3;letter-spacing:.15em;font-size:10px;font-weight:700;}
    .stage-led {width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px rgba(214,183,115,.7);}
    .opening-display {width:100%;height:350px;display:flex;align-items:center;justify-content:center;position:relative;perspective:900px;}
    .interactive-pack {position:absolute;border:0;background:transparent;cursor:pointer;padding:0;transition:transform .35s,opacity .5s,filter .5s;z-index:2;}
    .interactive-pack:hover {transform:translateY(-10px) rotate(-2deg);filter:drop-shadow(0 0 22px #a78b5040);}
    .pack-inner {width:183px;height:270px;border:2px solid #d2b47b;outline:1px solid #9d834e;outline-offset:-10px;background:radial-gradient(circle at 45% 30%,#204333,#081910 82%);display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;color:#dfc38b;box-shadow:13px 13px 0 #040d09,0 17px 45px #0008;}
    .pack-inner::after {position:absolute;content:'';inset:18px;border:1px solid #b59a5e65;pointer-events:none;}
    .pack-flap {position:absolute;top:0;left:50%;transform:translateX(-50%);border:1px solid #c9ad77;border-top:0;width:36px;height:42px;display:flex;justify-content:center;align-items:center;font-size:18px;background:#0b2017;}
    .pack-sigil {font-family:Georgia,serif;font-size:80px;line-height:1;margin-top:18px;text-shadow:0 2px 10px #c9a45c30;}
    .pack-brand {font-family:'Cinzel Decorative',Georgia,serif;font-size:16px;letter-spacing:.08em;margin-top:9px;}
    .pack-sub {font-size:8px;letter-spacing:.28em;margin-top:9px;}
    .pack-suits {font-size:20px;letter-spacing:.04em;margin-top:19px;}
    .opening-display.is-opening .interactive-pack {animation:pack-vanish 1.15s forwards;pointer-events:none;}
    @keyframes pack-vanish {0%{transform:scale(1) rotate(0);opacity:1}30%{transform:scale(1.07) rotate(-3deg);opacity:1;filter:brightness(1.5)}100%{transform:translateY(-45px) scale(.78) rotateY(85deg);opacity:0;filter:brightness(2)}}
    .reveal-hand {display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,12px);opacity:0;pointer-events:none;position:absolute;inset:0;}
    .opening-display.revealed .reveal-hand {opacity:1;pointer-events:auto;}
    .reveal-card {width:clamp(54px,6.4vw,93px);height:clamp(90px,9.2vw,135px);background:#f5eedc;border:1px solid #c7af7a;border-radius:5px;box-shadow:0 10px 25px #0009;display:flex;flex-direction:column;justify-content:space-between;padding:9px;color:#173125;font-family:Georgia,serif;transform:translateY(48px) rotateY(180deg) scale(.72);opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .65s;transition-delay:var(--delay);}
    .reveal-card.red {color:#a3363c;}
    .reveal-card .rank {font-size:23px;line-height:1;}
    .reveal-card .suit {font-size:42px;text-align:center;line-height:1;}
    .reveal-card .corner {font-size:15px;text-align:right;}
    .opening-display.revealed .reveal-card {transform:translateY(0) rotateY(0) scale(1);opacity:1;}
    .opening-actions {min-height:50px;display:flex;gap:12px;align-items:center;justify-content:center;z-index:2;}
    .gold-action,.stake-action {border:1px solid #e0c180;background:#d6b773;color:#08150e;font-weight:800;letter-spacing:.17em;font-size:11px;padding:16px 23px;min-height:48px;transition:background .2s,transform .2s;}
    .gold-action:hover,.stake-action:not(:disabled):hover {background:#edd299;transform:translateY(-2px);}
    .gold-action span,.stake-action span {margin-left:14px;}
    .subtle-action {background:transparent;border:1px solid #aa915f;color:#e3ce9d;padding:13px 23px;letter-spacing:.16em;font-size:10px;font-weight:700;}
    .subtle-action:hover {background:#ffffff0b;}
    .stage-caption {z-index:2;color:#a6b4a6;font-size:11px;text-align:center;margin:15px 0 0;}
    .stake-panel {padding:clamp(26px,3vw,43px);border-left:1px solid rgba(214,183,115,.25);background:#091710;display:flex;flex-direction:column;position:relative;transition:background .6s;}
    .stake-panel.ready {background:linear-gradient(160deg,#122b1e,#08180f);}
    .stake-top {display:flex;align-items:center;justify-content:space-between;gap:12px;}
    .stake-status {font-size:9px;font-weight:700;letter-spacing:.17em;color:#87948b;border:1px solid #526456;padding:6px 9px;}
    .stake-panel.ready .stake-status {color:#d4b979;border-color:#ad9259;}
    .stake-panel h3 {font-size:clamp(35px,3.2vw,50px);margin:26px 0 10px;}
    .stake-description {color:#b2bdb1;font-size:12px;line-height:1.8;margin:0 0 25px;}
    .slot-preview {display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:28px;}
    .slot-preview span {display:grid;place-items:center;aspect-ratio:.72;border:1px dashed #7e795e75;color:#ab9360;background:#102219;font-size:23px;border-radius:3px;}
    .slot-preview span.filled {border:1px solid #d8c190;background:#f0e9d8;color:#173228;font-family:Georgia,serif;font-size:20px;}
    .slot-preview span.filled.red {color:#9a343a;}
    .stake-divider {height:1px;background:rgba(214,183,115,.2);margin-bottom:23px;}
    .stake-field {display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:19px;}
    .stake-field span {font-size:10px;letter-spacing:.13em;color:#97a69b;}
    .stake-field strong {font-size:12px;color:#e8d0a0;font-weight:600;text-align:right;}
    .stake-action {width:100%;margin-top:auto;}
    .stake-action:disabled {background:#14251b;color:#829083;border-color:#324638;cursor:not-allowed;}
    .stake-disclaimer {text-align:center;color:#83998b;font-size:10px;line-height:1.6;margin:15px 0 0;}
    @media(max-width:800px) {.experience-stage{grid-template-columns:1fr}.opening-zone{min-height:540px}.stake-panel{border-left:0;border-top:1px solid rgba(214,183,115,.25)}.experience-intro{align-items:flex-start;flex-direction:column}.preview-note{white-space:normal}}
    @media(max-width:520px) {.opening-zone{padding:55px 12px 25px;min-height:450px}.opening-display{height:275px}.pack-inner{width:145px;height:215px}.pack-sigil{font-size:55px}.pack-brand{font-size:12px}.pack-suits{font-size:15px}.reveal-card{width:clamp(48px,17vw,75px);height:clamp(79px,27vw,112px);padding:6px}.reveal-card .suit{font-size:28px}.reveal-card .rank{font-size:17px}.stage-label{left:14px}.stake-panel{padding:24px}}
    @media(prefers-reduced-motion:reduce) {.interactive-pack,.reveal-card{transition:none!important}.opening-display.is-opening .interactive-pack{animation:none;opacity:0}}


    /* V9: compact desktop game preview; V8 styling outside Gameplay stays unchanged. */
    #how-it-works.gameplay-section{padding-top:clamp(26px,3.1vw,45px);padding-bottom:clamp(35px,4vw,60px);min-height:calc(100svh - var(--header-h));display:flex;align-items:center}
    .gameplay-section>.section-inner{width:100%}
    .gameplay-section .eyebrow{margin-bottom:15px}
    .v9-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.9fr);border:1px solid rgba(214,183,115,.25);background:linear-gradient(125deg,#101f18,#07140f);min-height:480px;height:clamp(480px,69svh,650px)}
    .v9-left,.v9-right{min-width:0;display:flex;flex-direction:column;position:relative;padding:clamp(16px,2.4vw,28px)}
    .v9-left{overflow:hidden;align-items:stretch}
    .v9-left::before{content:'';position:absolute;inset:9% 12%;border-radius:50%;border:1px solid rgba(214,183,115,.09);pointer-events:none}
    .v9-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;z-index:1}
    .v9-display{flex:1;min-height:180px;display:flex;align-items:center;justify-content:center;position:relative;perspective:900px;}
    .v9-display.is-opening .interactive-pack{animation:pack-vanish 1s forwards;pointer-events:none}
    .v9-display.revealed .interactive-pack{display:none}
    .v9-display .pack-inner{width:clamp(125px,13vw,170px);height:clamp(188px,20vw,248px)}
    .v9-display .pack-sigil{font-size:clamp(53px,6vw,75px)}
    .v9-cards{display:flex;align-items:center;justify-content:center;gap:clamp(4px,.65vw,9px);width:100%;z-index:1;}
    .v9-card{position:relative;flex:0 1 91px;min-width:0;aspect-ratio:.70;border:1px solid #c8aa78;border-radius:5px;background:#f5eedc;color:#173125;box-shadow:0 12px 22px #0007;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(4px,.7vw,9px);font-family:Georgia,serif;transform:translateY(35px) rotateY(130deg);opacity:0;animation:v9-card-in .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay,0ms);cursor:pointer;transition:box-shadow .2s,outline .2s}
    .v9-card.red{color:#a3363c}.v9-card:focus-visible{outline:3px solid #d6b773}.v9-card.selected{outline:3px solid #d6b773;box-shadow:0 0 24px #d6b77369}
    .v9-rank{font-size:clamp(16px,2vw,23px)}.v9-suit{font-size:clamp(23px,3.6vw,40px);align-self:center}.v9-corner{font-size:12px;align-self:end}
    .v9-card-prompt{position:absolute;inset:auto 4px 5px;background:#133627;color:#f4daa5;font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.08em;padding:8px 0;text-align:center;border:1px solid #bca16e}
    @keyframes v9-card-in{to{transform:translateY(0) rotateY(0deg);opacity:1}}
    .v9-actions{display:flex;justify-content:center;gap:10px;z-index:1;min-height:47px;align-items:center}.v9-hint{text-align:center;color:#a6b4a6;font-size:11px;margin:11px 0 0;z-index:1}
    .v9-right{border-left:1px solid rgba(214,183,115,.25);background:#091710;gap:0}
    .v9-right.active{background:linear-gradient(160deg,#142d20,#08180f)}
    .v9-right h3{font-size:clamp(30px,3vw,44px);margin:12px 0 4px}
    .v9-summary{color:#a8b8aa;font-size:11px;line-height:1.7;margin:0 0 15px;min-height:29px}
    .v9-slot{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:16px}
    .v9-empty,.v9-filled{min-width:0;aspect-ratio:.70;border:1px dashed #66735d;background:#12251b;color:#a49773;border-radius:3px;display:flex;align-items:center;justify-content:center}
    .v9-filled{position:relative;border:1px solid #c5aa79;background:#f1e6d0;color:#193329;font-family:Georgia,serif;flex-direction:column;cursor:pointer;gap:1px;padding:0}
    .v9-filled.red{color:#a3363c}.v9-filled strong{font-size:clamp(13px,1.6vw,20px)}.v9-filled span{font-size:clamp(18px,2.2vw,28px)}.v9-filled em{position:absolute;bottom:2px;left:1px;right:1px;font:700 8px Manrope,Arial,sans-serif;background:#153426;color:#ecd59b;font-style:normal;padding:3px 0;text-align:center}
    .v9-right .stake-action{margin:0 0 16px;min-height:42px;padding:10px 15px;font-size:10px}.v9-right .stake-action[hidden]{display:none}
    .v9-fields{border-top:1px solid var(--line);padding-top:14px}.v9-fields .stake-field{margin-bottom:12px}
    .v9-chips{display:flex;justify-content:center;align-items:end;gap:7px;min-height:41px;margin-top:auto;opacity:.25;transition:opacity .4s}.v9-right.active .v9-chips{opacity:1}
    .v9-chip{display:block;width:31px;height:12px;border-radius:50%;border:3px dashed #e4c57d;box-shadow:0 3px 0 #836333,0 6px 0 #c29c52;background:#1c4b30;transform:translateY(10px);opacity:.35}
    .v9-right.active .v9-chip{animation:chip-drop 1.7s ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * 140ms)}
    .v9-chip:nth-child(2){--i:1}.v9-chip:nth-child(3){--i:2}.v9-chip:nth-child(4){--i:3}.v9-chip:nth-child(5){--i:4}
    @keyframes chip-drop{to{transform:translateY(-8px);opacity:1}}
    .v9-right .stake-disclaimer{margin-top:13px;font-size:9px}
    @media(min-width:900px) and (max-height:750px){.v9-stage{height:clamp(410px,69svh,520px);min-height:410px}.v9-right h3{font-size:30px;margin:6px 0 2px}.v9-summary{margin-bottom:9px}.v9-slot{margin-bottom:9px}.v9-right .stake-action{margin-bottom:9px}.v9-fields .stake-field{margin-bottom:8px}.v9-chips{min-height:25px}.v9-left,.v9-right{padding:16px 20px}}
    @media(max-width:850px){.v9-stage{height:auto;grid-template-columns:1fr}.v9-left{min-height:430px}.v9-right{border-left:0;border-top:1px solid var(--line)}.v9-card{flex-basis:87px}.v9-slot{max-width:400px}.v9-chips{margin-top:12px}#how-it-works.gameplay-section{min-height:unset}}
    @media(max-width:480px){.v9-left{padding:15px 10px;min-height:390px}.v9-right{padding:21px}.v9-card{padding:4px}.v9-suit{font-size:23px}.v9-rank{font-size:15px}.v9-card-prompt{font-size:8px;padding:5px 0}.v9-topline .preview-note{font-size:8px}.v9-display .pack-inner{width:140px;height:210px}}
    @media(prefers-reduced-motion:reduce){.v9-card,.v9-right.active .v9-chip{animation:none;opacity:1;transform:none}}


    /* V10: controlled, quiet card selection with stable placement */
    .v9-cards {align-items:flex-start;gap:clamp(4px,.65vw,9px);}
    .v10-card-cell {flex:1 1 0;min-width:0;max-width:91px;display:flex;flex-direction:column;align-items:stretch;position:relative;}
    .v10-card-cell .v9-card {flex:0 0 auto;width:100%;transform:none;opacity:1;animation:none;transition:box-shadow .16s,outline-color .16s;}
    .v10-card-cell .v9-card.v10-reveal {opacity:0;animation:v10-gentle-in .48s ease-out forwards;animation-delay:var(--delay,0ms);}
    @keyframes v10-gentle-in {from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
    .v10-card-reserved {width:100%;aspect-ratio:.70;border:1px dashed rgba(214,183,115,.27);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#7c907e;font:700 9px Manrope,Arial,sans-serif;letter-spacing:.1em;background:rgba(22,44,30,.20);}
    .v10-stake-under {height:26px;width:100%;margin-top:7px;border:1px solid #bda06d;color:#e7cf9a;background:#123123;font-size:9px;letter-spacing:.1em;font-weight:800;}
    .v10-stake-under:not(:disabled):hover {background:#264b35;}
    .v10-stake-under:disabled {opacity:.55;cursor:not-allowed;}
    .v10-stake-under[hidden] {visibility:hidden;display:block;}
    .v9-topline .preview-note,.v9-hint,.v9-right .stake-disclaimer {display:none;}
    .v9-right .v9-summary {margin:12px 0 18px;min-height:unset;}
    .v9-right .v9-slot {margin-top:8px;}
    @media(prefers-reduced-motion:reduce){.v10-card-cell .v9-card.v10-reveal {animation:none;opacity:1;}}

    /* V11 gameplay refinements */
    .v11-left-hint{margin:14px 0 0;text-align:center;color:#a8b5a9;font-size:11px;letter-spacing:.04em}
    .v11-reset{margin-inline:auto}
    .v9-actions{justify-content:center;min-height:44px}
    .v9-display .interactive-pack{cursor:pointer}
    .v9-display .interactive-pack:focus-visible{outline:3px solid #d6b773;outline-offset:5px}
    .v9-right{justify-content:flex-start}
    .v9-summary.is-hidden{opacity:0;max-height:0;margin:0;overflow:hidden}
    .v9-fields{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}
    .v11-miner{margin:4px 0 18px;padding:14px 14px 12px;border:1px solid rgba(214,183,115,.19);background:linear-gradient(145deg,rgba(25,44,32,.55),rgba(11,23,16,.75))}
    .v11-token-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#97a69b;font-size:10px;letter-spacing:.13em}
    .v11-chip-mark{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px dashed #d6b773;color:#e7d29c;background:#163224;margin-right:8px;flex:0 0 auto}
    .v11-token-label{display:flex;align-items:center}
    .v11-token-head strong{color:#e7d29c;font-size:11px;font-weight:700}
    .v11-token-value{margin-top:8px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3vw,42px);line-height:1;color:#f0dbab}
    .v9-filled-wrap{display:flex;flex-direction:column;gap:6px}
    .v9-filled{cursor:default}
    .v11-unstake-under{height:24px;width:100%;border:1px solid #bda06d;color:#efd7a6;background:#123123;font-size:9px;letter-spacing:.1em;font-weight:800}
    .v11-unstake-under:hover{background:#284d36}
    .v9-right .stake-action{margin:0 0 16px;min-height:42px;padding:10px 15px;font-size:10px}
    .v9-right.active .v11-token-value{animation:v11-glow 1.2s ease-in-out infinite alternate}
    @keyframes v11-glow{from{text-shadow:0 0 0 rgba(214,183,115,0)}to{text-shadow:0 0 15px rgba(214,183,115,.25)}}
    @media(max-width:480px){.v11-token-value{font-size:30px}.v11-left-hint{font-size:10px}}


    /* V12: preserve the right panel geometry across unlock and keep the help near the section label. */
    .v9-topline{min-height:30px;align-items:center;}
    .v11-left-hint{margin:5px 0 0;text-align:left;font-size:11px;line-height:1.6;color:#b9c2b5;min-height:20px;position:relative;z-index:2;}
    .v12-reset-icon{display:inline-grid;place-items:center;width:31px;height:31px;padding:5px;border:1px solid rgba(214,183,115,.36);background:rgba(14,39,27,.7);color:#d9ba7d;border-radius:4px;transition:border-color .2s,background .2s;flex-shrink:0;}
    .v12-reset-icon[hidden]{visibility:hidden;display:inline-grid;pointer-events:none;}
    .v12-reset-icon:hover{border-color:#e3c58d;background:#254431;}
    .v12-reset-icon svg{width:17px;height:17px;}
    .v9-display{min-height:180px;}
    .v9-left .v9-actions{display:none;}
    .v9-summary{min-height:30px!important;margin:12px 0 18px!important;transition:opacity .2s;}
    .v9-summary.is-unlocked{visibility:hidden;opacity:0;}
    .stake-status.is-unlocked{visibility:hidden;}
    .v9-right .stake-action.is-unlocked{visibility:hidden;pointer-events:none;display:block!important;}
    .v9-right .stake-action{display:block!important;min-height:42px;margin:0 0 16px;}
    .v9-right .v9-slot{margin-top:8px;align-items:start;}
    .v9-right .v9-slot>span,.v9-right .v9-slot>.v9-filled-wrap{min-width:0;}
    .v11-token-head{justify-content:flex-start;}
    .v9-chips{display:none!important;}
    .v9-fields{margin-top:auto;}
    @media(max-width:480px){.v11-left-hint{font-size:10px;}}

    /* V13 gameplay and mining refinements */
    .v9-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
    .v9-left,.v9-right{padding:22px 24px;}
    .v9-display{min-height:235px;}
    .v9-topline{min-height:32px;align-items:flex-start;}
    .v11-left-hint{margin:4px 0 10px;text-align:left;font-size:11px;line-height:1.55;color:#b9c2b5;min-height:18px;position:relative;z-index:2;}
    .v12-reset-icon{visibility:visible!important;display:inline-grid!important;pointer-events:auto!important;}
    .v13-slot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:10px 0 12px;min-height:58px;}
    .v13-slot-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;}
    .v13-inline-buy{width:auto!important;margin:0!important;min-height:34px!important;padding:9px 14px!important;font-size:9px!important;letter-spacing:.12em;}
    .v9-summary{margin:0!important;min-height:0!important;max-width:220px;}
    .v9-summary.is-unlocked{visibility:hidden;opacity:0;}
    .stake-status{min-width:72px;text-align:center;}
    .stake-status.is-unlocked{visibility:hidden;opacity:0;}
    .v13-inline-buy.is-unlocked{visibility:hidden;opacity:0;pointer-events:none;}
    .v9-slot{margin:0 0 14px!important;}
    .v11-miner{margin:0 0 14px;padding:14px 14px 12px;}
    .v11-token-value{margin-top:8px;font-size:clamp(26px,2.6vw,40px);}
    .v9-fields{margin-top:0!important;padding-top:14px;}
    .v9-right .stake-action{display:inline-flex;}
    .v9-filled-wrap{display:flex;flex-direction:column;gap:6px;align-items:stretch;}
    .v9-filled{cursor:pointer;transition:outline .16s, box-shadow .16s;}
    .v9-filled.selected{outline:3px solid #d6b773;box-shadow:0 0 20px rgba(214,183,115,.28);}
    .v11-unstake-under[hidden]{visibility:hidden;display:block;}
    .mining-v13{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.3fr);gap:26px;align-items:start;}
    .mining-v13-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
    .combo-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,38,27,.88),rgba(8,20,15,.88));padding:18px 18px 16px;min-height:92px;display:flex;flex-direction:column;justify-content:center;}
    .combo-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;line-height:.95;color:var(--text);}
    .combo-sub{margin-top:8px;font-size:11px;line-height:1.6;color:#a8b8aa;letter-spacing:.03em;}
    @media(max-width:980px){.mining-v13{grid-template-columns:1fr}.mining-v13-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
    @media(max-width:850px){.v9-stage{grid-template-columns:1fr}.v13-slot-head{flex-direction:column;align-items:flex-start;gap:10px}.v13-slot-controls{flex-wrap:wrap}}
    @media(max-width:560px){.mining-v13-grid{grid-template-columns:1fr}.v9-left,.v9-right{padding:18px 16px}.combo-title{font-size:27px}.v13-inline-buy{width:100%!important;justify-content:center;}.v13-slot-controls{width:100%}}


    /* V15 refinements */
    .v15-slot-head{margin:10px 0 14px;min-height:auto;display:block}
    .v15-slot-head .v9-summary{margin:0!important;max-width:none!important;min-height:auto!important;color:#b6c2b7}
    .v13-slot-controls,.stake-status,#v9-buy{display:none!important}
    .v9-right{justify-content:flex-start}
    .v9-slot{margin-bottom:16px!important}
    .v9-fields{margin-top:0!important;padding-top:14px!important}
    .v9-right.active .v11-token-value{animation:none!important;text-shadow:none!important;transform:none!important}
    .v11-miner,.v11-token-value,.v9-right,.v9-slot,.v9-fields{transition:none!important;transform:none!important}
    .social-x-section{padding-top:10px;padding-bottom:8px}
    .social-cta-wrap{display:flex;justify-content:center}
    .social-x-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid #d6b773;background:transparent;color:#edd5a0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
    .social-x-button:hover{background:rgba(214,183,115,.12);transform:translateY(-2px);border-color:#ecd092}


    /* V16 navigation and mining refinements */
    .main-nav{margin-right:0}
    .mining-section{min-height:100svh;padding-block:34px 18px;display:flex;align-items:center}
    .mining-inner{display:flex;flex-direction:column;justify-content:flex-start;gap:18px;min-height:0;width:100%}
    .mining-headline{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(42px,4.1vw,66px);line-height:.96;max-width:820px;color:var(--text)}
    .mining-combos-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-content:start;flex:1}
    .mining-combo-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,38,27,.90),rgba(8,20,15,.92));padding:14px 12px 12px;display:flex;flex-direction:column;gap:10px;min-height:185px;justify-content:space-between}
    .mining-combo-top{display:flex;align-items:baseline;gap:10px;min-height:44px}
    .combo-number{font-size:11px;font-weight:700;letter-spacing:.12em;color:#d4b778;text-transform:uppercase}
    .mining-combo-card h3{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(22px,2vw,30px);line-height:.95;color:var(--text)}
    .mini-hand{display:flex;justify-content:center;align-items:flex-end;gap:6px;min-height:108px;flex-wrap:nowrap}
    .mini-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:0 0 auto;width:44px;height:64px;border:1px solid #c8aa78;border-radius:4px;background:#f5eedc;color:#173125;box-shadow:0 8px 14px #0005;padding:4px 4px 3px;font-family:Georgia,serif}
    .mini-card.red{color:#a3363c}
    .mini-rank{font-size:13px;line-height:1;font-weight:700}
    .mini-suit{font-size:18px;line-height:1;align-self:center;margin-top:2px}
    .mini-corner{font-size:9px;line-height:1;align-self:flex-end}
    .mini-hand.one .mini-card{width:58px;height:84px;padding:6px 6px 5px}.mini-hand.one .mini-rank{font-size:17px}.mini-hand.one .mini-suit{font-size:24px}.mini-hand.one .mini-corner{font-size:11px}
    .mini-hand.two .mini-card,.mini-hand.three .mini-card,.mini-hand.four .mini-card{width:48px;height:70px;padding:5px 5px 4px}
    .mini-hand.five .mini-card{width:34px;height:52px;padding:4px 4px 3px}.mini-hand.five .mini-rank{font-size:12px}.mini-hand.five .mini-suit{font-size:16px}.mini-hand.five .mini-corner{font-size:8px}
    .button-outline,.social-x-button,.social-x-section,.nav-play,.wallet{display:none!important}
    footer{margin-top:0}
    @media (max-width:1200px){.mining-combos-grid{gap:9px}.mining-combo-card{padding:10px 8px;}.mini-hand{gap:3px}}
    @media (max-width:1020px){.mining-combos-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.mining-section{min-height:auto}.mining-inner{min-height:auto}}

    @media (max-width:760px){.mining-combos-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.mining-headline{font-size:clamp(36px,7vw,54px)}}
    @media (max-width:520px){.mining-combos-grid{grid-template-columns:1fr;}.mining-combo-card{min-height:170px}.mini-hand{min-height:96px}}


    /* V17: centered desktop navigation, compact Mining overview */
    @media(min-width:721px){
      .site-header{position:fixed;}
      .site-header .main-nav{position:absolute;left:50%;transform:translateX(-50%);margin:0;}
    }
    #mining.mining-section{min-height:calc(100svh - var(--header-h));height:auto;align-items:flex-start;padding-top:clamp(22px,3vh,34px);padding-bottom:clamp(18px,2.5vh,32px);}
    #mining .mining-inner{display:grid;grid-template-columns:195px minmax(0,1fr);grid-template-areas:'eyebrow headline' 'combos combos';column-gap:clamp(18px,4vw,60px);row-gap:clamp(12px,2.1vh,22px);align-content:start;}
    #mining .eyebrow{grid-area:eyebrow;margin:12px 0 0;align-self:start;white-space:nowrap;}
    #mining .mining-headline{grid-area:headline;max-width:none;font-size:clamp(36px,4.2vw,64px);line-height:.95;align-self:start;}
    #mining .mining-combos-grid{grid-area:combos;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(7px,1vw,13px);}
    #mining .mining-combo-card{min-height:clamp(152px,21vh,189px);}
    @media(max-width:1020px){#mining .mining-combos-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
    @media(max-width:760px){
      #mining .mining-inner{grid-template-columns:1fr;grid-template-areas:'eyebrow' 'headline' 'combos';row-gap:15px;}
      #mining .mining-headline{font-size:clamp(36px,7vw,54px);}
      #mining .mining-combos-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    }
    @media(max-width:520px){#mining .mining-combos-grid{grid-template-columns:1fr;}}

/* Stagger opening cards without inline styles (CSP-safe). */
.v10-card-cell:nth-child(1) .v10-reveal{animation-delay:0ms;}
.v10-card-cell:nth-child(2) .v10-reveal{animation-delay:110ms;}
.v10-card-cell:nth-child(3) .v10-reveal{animation-delay:220ms;}
.v10-card-cell:nth-child(4) .v10-reveal{animation-delay:330ms;}
.v10-card-cell:nth-child(5) .v10-reveal{animation-delay:440ms;}