:root{
      --bg:#030508;
      --panel:#0a1017;
      --panel-2:#0c141d;
      --line:rgba(230,169,39,.28);
      --gold:#f5bf35;
      --gold-2:#ffd86f;
      --red:#e4112f;
      --red-2:#79000e;
      --blue:#116bd6;
      --green:#35e881;
      --text:#f8f9fb;
      --muted:#9ca8b5;
      --shadow:0 18px 48px rgba(0,0,0,.42);
      --radius:20px;
    }

    *{box-sizing:border-box;margin:0;padding:0;font-family:Inter,"Segoe UI",Arial,sans-serif}
    html{scroll-behavior:smooth;background:var(--bg)}
    body{
      min-width:320px;
      color:var(--text);
      background:
        radial-gradient(circle at 50% -10%,rgba(202,124,15,.18),transparent 30%),
        radial-gradient(circle at 90% 40%,rgba(22,88,170,.09),transparent 28%),
        linear-gradient(180deg,#05070a 0%,#020305 100%);
      overflow-x:hidden;
      padding-bottom:88px;
      -webkit-user-select:none;
      -moz-user-select:none;
      user-select:none;
      -webkit-touch-callout:none;
    }
    .allow-select,.allow-select *{user-select:text!important}
    a{color:inherit}
    button,a{-webkit-tap-highlight-color:transparent}
    button{font:inherit}

    .site-shell{width:min(100%,1050px);margin:auto;padding:10px 10px 32px}

    /* Top logo: centered exactly */
    .topbar{
      position:sticky;
      top:0;
      z-index:900;
      min-height:70px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:10px 16px;
      border:1px solid rgba(255,255,255,.08);
      border-top:0;
      border-radius:0 0 18px 18px;
      background:#05090f;
      box-shadow:0 10px 26px rgba(0,0,0,.3);
      backdrop-filter:none;
    }
    .brand-picture{display:block;line-height:0}
    .brand-logo{
      display:block;
      width:min(58vw,236px);
      height:auto;
      filter:drop-shadow(0 8px 11px rgba(0,0,0,.75));
    }

    .hero-card{
      position:relative;
      overflow:hidden;
      min-height:430px;
      margin-top:10px;
      border-radius:24px;
      border:1px solid rgba(244,184,45,.34);
      background-image:
        linear-gradient(180deg,rgba(1,3,6,.02) 0%,rgba(2,4,7,.08) 22%,rgba(2,4,7,.55) 42%,rgba(2,4,7,.92) 58%,#04070b 100%),
        linear-gradient(90deg,rgba(2,5,8,.9) 0%,rgba(2,5,8,.2) 72%),
        url("assets/hero-dragon-mobile.webp");
      background-size:auto 82%,auto 100%,auto 82%;
      background-position:center top,center,center top;
      background-repeat:no-repeat;
      box-shadow:var(--shadow),inset 0 0 80px rgba(0,0,0,.25);
    }
    .hero-content{
      position:absolute;
      inset:120px 0 0;
      z-index:2;
      padding:6px 14px 14px;
      text-align:center;
      background:linear-gradient(180deg,rgba(2,5,8,.02) 0%,rgba(2,5,8,.82) 14%,rgba(2,5,8,.94) 32%,#04070b 100%);
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:7px;
      margin-bottom:4px;
      color:var(--gold-2);
      font-size:11px;
      font-weight:900;
      letter-spacing:1.4px;
      text-transform:uppercase;
    }
    .eyebrow::before,.eyebrow::after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
    .eyebrow::after{transform:scaleX(-1)}
    .hero-card h1{
      max-width:760px;
      margin:auto;
      font-size:clamp(30px,8.4vw,56px);
      line-height:.94;
      font-weight:950;
      letter-spacing:-1.7px;
      text-wrap:balance;
    }
    .hero-card h1 span{display:block}
    .hero-card h1 .hero-brand{
      margin:0 0 7px;
      color:#f8fafc;
      font-size:.72em;
      letter-spacing:-.6px;
      text-shadow:0 2px 0 rgba(0,0,0,.95),0 8px 20px rgba(0,0,0,.9);
    }
    .hero-card h1 .hero-trust{
      color:#fff;
      background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 45%,#cbd5e1 100%);
      -webkit-background-clip:text;
      background-clip:text;
      -webkit-text-fill-color:transparent;
      filter:drop-shadow(0 3px 0 rgba(0,0,0,.9)) drop-shadow(0 8px 18px rgba(0,0,0,.78));
    }
    .hero-card h1 .hero-year{
      margin-top:5px;
      color:#ffd96a;
      background:linear-gradient(180deg,#fff4b0 0%,#ffc941 42%,#d18409 100%);
      -webkit-background-clip:text;
      background-clip:text;
      -webkit-text-fill-color:transparent;
      filter:drop-shadow(0 3px 0 #4b2600) drop-shadow(0 9px 22px rgba(0,0,0,.82));
    }
    .hero-subtitle{
      max-width:580px;
      margin:10px auto 0;
      color:#d8dee7;
      font-size:13px;
      line-height:1.55;
    }
    .trust-strip{
      width:max-content;
      max-width:100%;
      margin:8px auto 0;
      padding:9px 13px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      color:#f8d16b;
      font-size:11px;
      font-weight:850;
      border:1px solid rgba(248,193,75,.28);
      border-radius:12px;
      background:rgba(5,9,14,.72);
      box-shadow:inset 0 0 18px rgba(248,193,75,.05);
    }
    .hero-actions{
      width:min(100%,680px);
      margin:12px auto 0;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .hero-cta{
      min-height:72px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:3px;
      padding:13px 10px;
      border-radius:15px;
      text-decoration:none;
      font-size:16px;
      font-weight:950;
      letter-spacing:.15px;
      transform:translateZ(0);
      transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;
    }
    .hero-cta small{font-size:10px;font-weight:700;opacity:.88}
    .hero-cta:active{transform:scale(.98)}
    .hero-cta.primary{
      color:#161009;
      border:1px solid #ffe39a;
      background:linear-gradient(145deg,#ffe07b 0%,#f6b723 55%,#bf7508 100%);
      box-shadow:0 0 0 4px rgba(245,183,35,.08),0 10px 32px rgba(245,183,35,.32),inset 0 1px #fff4bd;
      animation:goldPulse 2.6s ease-in-out infinite;
    }
    .hero-cta.live{
      color:#fff;
      border:1px solid rgba(255,121,121,.75);
      background:linear-gradient(145deg,#e41b39 0%,#a60018 55%,#550008 100%);
      box-shadow:0 0 0 4px rgba(228,17,47,.08),0 10px 32px rgba(228,17,47,.34),inset 0 1px rgba(255,255,255,.25);
      animation:redPulse 2.15s ease-in-out infinite;
    }
    @keyframes goldPulse{50%{box-shadow:0 0 0 5px rgba(245,183,35,.1),0 13px 38px rgba(245,183,35,.48),inset 0 1px #fff4bd}}
    @keyframes redPulse{50%{box-shadow:0 0 0 5px rgba(228,17,47,.11),0 13px 38px rgba(228,17,47,.52),inset 0 1px rgba(255,255,255,.28)}}

    .section{margin-top:10px}
    .card{
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:linear-gradient(145deg,rgba(14,22,31,.97),rgba(5,10,15,.98));
      box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
    }

    .status-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}
    .status-card{position:relative;overflow:hidden;min-height:154px;padding:18px;text-align:center}
    .status-card::after{content:"";position:absolute;inset:auto -55px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(39,102,168,.18),transparent 68%)}
    .status-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;color:#e6e9ee;font-size:13px;font-weight:900;letter-spacing:.45px}
    .active-number{position:relative;z-index:1;margin-top:8px;font-size:43px;font-weight:950;letter-spacing:-1px;text-shadow:0 8px 24px rgba(0,0,0,.8)}
    .online-pill{display:inline-flex;align-items:center;gap:5px;margin-left:5px;padding:5px 9px;border-radius:99px;color:#6cf2a4;background:rgba(21,117,54,.25);border:1px solid rgba(83,234,135,.2);font-size:9px;font-weight:900;vertical-align:middle}
    .online-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
    .status-note{position:relative;z-index:1;margin-top:4px;color:#aeb7c2;font-size:11px}
    .avatar-row{position:relative;z-index:1;margin-top:13px;display:flex;justify-content:center;align-items:center}
    .avatar{width:27px;height:27px;margin-left:-6px;border:2px solid #d99b25;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2a3743,#111820);font-size:13px;box-shadow:0 3px 10px #000}
    .avatar:first-child{margin-left:0}
    .more-avatar{margin-left:6px;color:#d5dbe2;font-size:10px;font-weight:800}
    .clock-number{position:relative;z-index:1;margin-top:12px;display:flex;align-items:baseline;justify-content:center;gap:7px;font-size:42px;font-weight:950;letter-spacing:1px}
    .clock-number .sec{font-size:17px;color:#85909d}
    .server-date{position:relative;z-index:1;margin-top:4px;color:#b7c0ca;font-size:11px}

    .section-heading{display:flex;align-items:center;gap:10px;margin:20px 2px 10px;color:var(--gold-2);font-size:16px;font-weight:950;letter-spacing:.65px;text-align:center;white-space:nowrap}
    .section-heading::before,.section-heading::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}

    #aktivitas,.slot-card,.review-grid{content-visibility:auto;contain-intrinsic-size:700px}
    .activity-stack{display:grid;grid-template-columns:1fr;gap:10px}
    .activity-card{contain:layout paint;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:#071019;box-shadow:0 16px 34px rgba(0,0,0,.34)}
    .activity-head{position:relative;min-height:66px;padding:10px 12px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
    .activity-head.jp{background:linear-gradient(90deg,#8b0713,#d41228 55%,#71000a)}
    .activity-head.wd{background:linear-gradient(90deg,#073269,#0b5ec3 58%,#062352)}
    .activity-title{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:950;text-align:center;transform-origin:center center;will-change:transform,opacity}
    .activity-head.jp .activity-title{animation:jpTitleBreathing 2.15s ease-in-out infinite}
    .activity-head.wd .activity-title{animation:wdTitleBreathing 2.15s ease-in-out .35s infinite}
    @keyframes jpTitleBreathing{0%,100%{transform:scale(1);opacity:.82;text-shadow:0 0 0 transparent}50%{transform:scale(1.045);opacity:1;text-shadow:0 0 8px rgba(255,216,111,.92),0 0 16px rgba(255,65,65,.62)}}
    @keyframes wdTitleBreathing{0%,100%{transform:scale(1);opacity:.82;text-shadow:0 0 0 transparent}50%{transform:scale(1.045);opacity:1;text-shadow:0 0 8px rgba(125,206,255,.95),0 0 16px rgba(37,132,255,.65)}}
    .live-tag{position:static;transform:none;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:900;letter-spacing:1px;line-height:1;color:#fff;text-align:center}
    .live-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff1f35;box-shadow:0 0 12px #ff1f35;animation:liveDotPulse .85s infinite}
    @keyframes liveDotPulse{50%{transform:scale(1.4);opacity:.55}}
    .activity-total{
      min-height:64px;
      padding:10px 12px 11px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:3px;
      text-align:center;
      border-bottom:1px solid rgba(255,255,255,.08);
      transform-origin:center center;
      will-change:transform,opacity,text-shadow
    }
    .activity-total.jp-total{
      color:#ffe27a;
      background:radial-gradient(circle at center,rgba(255,196,44,.12),transparent 70%),rgba(0,0,0,.2);
      animation:jpTotalBreathing 2.35s ease-in-out .15s infinite
    }
    .activity-total.wd-total{
      color:#83d9ff;
      background:radial-gradient(circle at center,rgba(46,157,255,.12),transparent 70%),rgba(0,0,0,.2);
      animation:wdTotalBreathing 2.35s ease-in-out .5s infinite
    }
    .total-label{
      font-size:10px;
      line-height:1;
      font-weight:900;
      letter-spacing:.8px;
      text-transform:uppercase;
      opacity:.82
    }
    .total-value{
      display:block;
      font-size:17px;
      line-height:1.1;
      font-weight:950;
      letter-spacing:.15px;
      white-space:nowrap
    }
    @keyframes jpTotalBreathing{0%,100%{transform:scale(1);opacity:.84;text-shadow:0 0 0 transparent}50%{transform:scale(1.025);opacity:1;text-shadow:0 0 8px rgba(255,218,88,.9),0 0 16px rgba(65,236,145,.38)}}
    @keyframes wdTotalBreathing{0%,100%{transform:scale(1);opacity:.84;text-shadow:0 0 0 transparent}50%{transform:scale(1.025);opacity:1;text-shadow:0 0 8px rgba(80,190,255,.92),0 0 16px rgba(65,236,145,.34)}}
    .table-head,.activity-list li{
      display:grid;
      grid-template-columns:.92fr .9fr 1.18fr .56fr;
      align-items:center;
      gap:5px;
    }
    .table-head{padding:7px 10px;color:#8f9aa8;font-size:8.5px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.07)}
    .activity-list{list-style:none;overflow:hidden}
    .activity-list li{
      min-height:40px;
      padding:7px 10px;
      border-bottom:1px solid rgba(255,255,255,.055);
      color:#d9dfe6;
      font-size:9px;
      opacity:0;
      transform:translateY(-8px);
      transition:opacity .42s ease,transform .42s ease,background .42s ease;
    }
    .activity-list li.show{opacity:1;transform:none}
    .activity-list li:last-child{border-bottom:0}
    .activity-list .player{display:flex;align-items:center;gap:5px;overflow:hidden;white-space:nowrap}
    .player-avatar{flex:0 0 19px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d08d30,#4b2611);border:1px solid #efbd61;font-size:10px}
    .provider,.method{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .amount{color:#ffd14f;font-weight:950;white-space:nowrap}
    .time{color:#aab4bf;text-align:right;white-space:nowrap}
    .brand-pg{color:#fff}.brand-prag{color:#ff8a37}.brand-micro{color:#63b5ff}
    .method-bca{color:#30a7ff}.method-bri{color:#43b6ff}.method-bni{color:#f18729}.method-dana{color:#55c8ff}.method-ovo{color:#c58aff}.method-gopay{color:#5be1f0}
    .activity-footer{padding:10px;text-align:center;border-top:1px solid rgba(255,255,255,.06);color:#e8c56f;font-size:9px;font-weight:900;letter-spacing:.35px}
    .activity-footer.empty{height:13px;padding:0;border-top:0;color:transparent}
    .live-flash{animation:liveFlash 1.2s ease-out}
    @keyframes liveFlash{0%{background:rgba(255,202,73,.2);box-shadow:inset 0 0 22px rgba(255,202,73,.25)}100%{background:transparent;box-shadow:none}}
    .blink{animation:activeBlink .34s ease}
    @keyframes activeBlink{50%{color:#68f29e;text-shadow:0 0 18px rgba(62,236,130,.75)}}

    .slot-card{margin-top:10px;padding:18px 14px;text-align:center}
    .slot-card h2{font-size:24px;line-height:1;color:var(--gold-2);font-weight:950;text-transform:uppercase}
    .slot-card p{margin-top:7px;color:#9ca7b3;font-size:11px}
    .machine{position:relative;display:flex;justify-content:center;gap:7px;margin:18px auto 14px;padding:12px;width:min(100%,350px);border:3px solid #c17a0b;border-radius:18px;background:linear-gradient(180deg,#f7ce6a,#6b3500 12%,#130a03 88%,#d58d10);box-shadow:0 12px 30px rgba(0,0,0,.65),inset 0 0 20px #000}
    .reel{width:84px;height:82px;display:grid;place-items:center;overflow:hidden;border:2px solid #704309;border-radius:11px;background:linear-gradient(180deg,#fff6cf,#d5aa55 54%,#fff0bd);color:#c71320;font-size:42px;text-shadow:0 2px 0 #fff,0 4px 0 #5b2900;box-shadow:inset 0 0 18px rgba(77,31,0,.55)}
    .reel.spin{animation:spinBlur .15s linear infinite}
    @keyframes spinBlur{50%{filter:blur(3px);transform:translateY(2px)}}
    .slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(100%,350px);margin:auto}
    #spinBtn,.secondary-btn,#reviewForm button{
      min-height:48px;
      border:0;
      border-radius:12px;
      cursor:pointer;
      font-weight:950;
    }
    #spinBtn,#reviewForm button{color:#181007;background:linear-gradient(145deg,#ffe481,#ecaa19);box-shadow:0 8px 24px rgba(229,161,20,.24)}
    .secondary-btn{display:grid;place-items:center;color:#e2e7ed;background:#0a1118;border:1px solid rgba(246,190,53,.22);text-decoration:none;font-size:12px}
    #result{display:none;margin-top:12px;font-size:13px;font-weight:950}
    #cta{display:none;margin-top:12px}
    #cta a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;color:#07130c;background:#38e886;font-size:12px;font-weight:950;text-decoration:none;box-shadow:0 0 24px rgba(56,232,134,.36);animation:ctaBreathing 1.8s ease-in-out infinite}
    @keyframes ctaBreathing{50%{transform:scale(1.045)}}
    .shake{animation:shake .15s infinite}
    @keyframes shake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-4px)}}
    .confetti{position:fixed;top:-10px;width:8px;height:8px;background:#f5c542;animation:fall 2s linear forwards;z-index:5000;pointer-events:none}
    @keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}

    .review-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
    .review-card{padding:17px 14px}
    .review-card h2{font-size:15px;font-weight:950;letter-spacing:.45px}
    #reviewSummary{margin-top:13px;display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center}
    .review-medal{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;border:2px solid #d6971f;color:#ffd563;font-size:33px;background:radial-gradient(circle,rgba(245,191,53,.16),transparent 65%);box-shadow:0 0 30px rgba(245,191,53,.1)}
    .rating-number{font-size:38px;font-weight:950;color:var(--gold-2);line-height:1}
    .rating-number small{font-size:13px;color:#d6dce3}
    .stars{color:#f8bd31;letter-spacing:2px}
    .rating-note{margin-top:5px;color:#a8b1bb;font-size:9.5px}
    #reviewList{margin-top:13px;display:grid;grid-template-columns:1fr;gap:7px;overflow:hidden}
    .review{padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025);font-size:10px;line-height:1.45;animation:fadeIn .4s ease}
    .review strong{display:block;color:#f2f4f7;margin-bottom:3px;font-size:11px}
    .review .stars{font-size:10px;letter-spacing:1px}
    .review small{display:block;margin-top:6px;color:#7e8996}
    @keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
    #reviewForm{margin-top:13px;display:flex;flex-direction:column;gap:9px}
    #reviewForm label{color:#b5bec8;font-size:10px;font-weight:750}
    #reviewForm input[type="text"],#reviewForm textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#fff;background:#071019;outline:none;user-select:text}
    #reviewForm textarea{min-height:92px;resize:vertical}
    .star-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:5px;font-size:27px}
    .star-input input{display:none}
    .star-input label{cursor:pointer!important;color:#44505d!important;transition:.2s}
    .star-input input:checked~label,.star-input label:hover,.star-input label:hover~label{color:#f5c542!important}

    .sticky-wrapper{position:fixed;left:0;right:0;bottom:10px;z-index:999;display:flex;justify-content:center;padding:0 10px;pointer-events:none}
    .sticky-cta{width:min(100%,560px);min-height:58px;display:flex;align-items:center;justify-content:center;border:1px solid #ffe59c;border-radius:17px;color:#1b1206;background:linear-gradient(145deg,#ffe383,#e9a315);box-shadow:0 13px 36px rgba(231,160,16,.42);font-size:17px;font-weight:950;text-decoration:none;opacity:0;transform:translateY(22px);pointer-events:none;transition:.34s ease}
    .sticky-cta.show{opacity:1;transform:none;pointer-events:auto;animation:stickyBreathing 2.4s infinite}
    @keyframes stickyBreathing{50%{transform:scale(1.025)}}

    #wmOverlay{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.018;background-repeat:repeat;background-size:260px 260px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27260%27%20height%3D%27260%27%3E%3Ctext%20x%3D%270%27%20y%3D%27140%27%20font-size%3D%2728%27%20fill%3D%27rgba(255%2C255%2C255%2C0.55)%27%20transform%3D%27rotate(-30%20130%20130)%27%3ESPBU777%3C/text%3E%3C/svg%3E")}
    #toast{position:fixed;left:50%;bottom:86px;z-index:1000;max-width:calc(100% - 28px);padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;background:rgba(0,0,0,.82);font-size:12px;font-weight:800;opacity:0;transform:translateX(-50%);pointer-events:none;transition:.2s}
    #toast.show{opacity:1;transform:translateX(-50%) translateY(-6px)}

    @media(min-width:680px){
      .site-shell{padding:14px 16px 40px}
      .topbar{background:rgba(4,8,13,.9);backdrop-filter:blur(12px)}
      .hero-card{min-height:570px;background-image:linear-gradient(180deg,rgba(1,3,6,.02) 0%,rgba(2,4,7,.08) 22%,rgba(2,4,7,.55) 42%,rgba(2,4,7,.92) 58%,#04070b 100%),linear-gradient(90deg,rgba(2,5,8,.9) 0%,rgba(2,5,8,.2) 72%),url("assets/hero-dragon-desktop.webp");background-size:auto 100%,auto 100%,auto 100%;background-position:center,center,right top}
      .hero-content{width:62%;inset:0 auto 0 0;display:flex;flex-direction:column;justify-content:center;padding:34px;text-align:left;background:linear-gradient(90deg,rgba(2,5,8,.98),rgba(2,5,8,.78) 70%,transparent)}
      .eyebrow{align-self:flex-start}
      .hero-card h1{margin:0;text-align:left}
      .hero-subtitle,.trust-strip{margin-left:0}
      .hero-actions{margin-left:0}
      .status-grid{grid-template-columns:1fr 1fr}
      .activity-stack{grid-template-columns:1fr 1fr}
      .review-grid{grid-template-columns:1fr 1fr}
      #reviewList{grid-template-columns:repeat(3,1fr)}
      .review{min-height:126px}
      .slot-card{display:grid;grid-template-columns:.72fr 1.35fr .75fr;align-items:center;gap:16px;text-align:left}
      .slot-copy{text-align:left}.machine{margin:0}.slot-actions{grid-template-columns:1fr;margin:0}
    }

    @media(max-width:679px){
      #wmOverlay{display:none}
      .hero-cta.primary,.hero-cta.live,.sticky-cta.show{animation:none}
      .live-tag::before{animation-duration:1.4s}
      .hero-card,.card,.activity-card{box-shadow:0 8px 22px rgba(0,0,0,.3)}
    }

    @media(max-width:370px){
      .hero-actions{grid-template-columns:1fr}
      .hero-card{min-height:480px}
      .hero-content{inset:115px 0 0;padding:6px 12px 14px}
      .table-head,.activity-list li{grid-template-columns:.86fr .78fr 1.12fr .52fr}
      .activity-list li{font-size:8.3px;padding-inline:7px}
      .table-head{padding-inline:7px}
    }

    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}