*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#050719;color:#fff}.welcome-page,.game-page{min-height:100vh;background-image:var(--bg,radial-gradient(circle at 50% 5%,#19234b,#050719 68%));background-size:cover;background-position:center}.blur-layer{min-height:100vh;backdrop-filter:blur(12px);background:rgba(0,0,0,.48);display:flex;align-items:center;justify-content:center}.welcome-card{text-align:center;width:min(460px,92%);padding:34px;border-radius:28px;background:rgba(14,18,44,.78);box-shadow:0 30px 90px #0009;border:1px solid #fff2}.welcome-card h1{font-size:42px;margin:0 0 10px}.big-btn{display:block;text-decoration:none;border:0;margin:12px auto;padding:14px 18px;width:240px;border-radius:16px;background:linear-gradient(135deg,#ffca3a,#ff595e);color:#fff;font-weight:900;font-size:18px;cursor:pointer}.big-btn.alt{background:linear-gradient(135deg,#4cc9f0,#4361ee)}.big-btn.dark{background:#111827}.admin-link{color:#c7d2fe}.prize-modal{display:none;position:fixed;inset:0;background:#0008;align-items:center;justify-content:center}.prize-modal.show{display:flex}.modal-box{width:min(760px,92%);max-height:82vh;overflow:auto;background:#11142d;border-radius:22px;padding:24px;position:relative}.close{position:absolute;right:16px;top:12px;background:#ef4444;color:#fff;border:0;border-radius:50%;width:36px;height:36px}.prize-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.prize-grid div{background:#fff1;border-radius:16px;padding:12px;text-align:center}.prize-grid img{width:90px;height:90px;object-fit:contain}.arcade{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px}.machine-shell{width:min(720px,96vw);height:min(910px,98vh);min-height:752px;background:linear-gradient(180deg,#ff3131 0%,#b51c28 48%,#7a1118 100%);border-radius:38px;box-shadow:inset 0 0 0 10px #ffdf88,0 35px 95px #000c,0 0 45px rgba(255,55,55,.28);padding:22px;position:relative;background-size:cover;background-position:center;overflow:hidden}.machine-shell:before{content:"";position:absolute;inset:12px;border:4px solid #fff084;border-radius:28px;pointer-events:none;z-index:3}.machine-shell:after{content:"";position:absolute;inset:4px;border-radius:40px;background:linear-gradient(90deg,transparent 0 3%,rgba(255,255,255,.22) 4%,transparent 8%,transparent 92%,rgba(255,255,255,.18) 96%,transparent 100%);pointer-events:none;z-index:1}
.marquee{
  height:88px;
  border-radius:23px;

  /* 🔥 MAROON 3D ELEGAN */
  background:
    radial-gradient(circle at 20% 20%, rgba(255,180,180,.10), transparent 40%),
    radial-gradient(circle at 80% 30%, rgba(0,0,0,.35), transparent 55%),
    radial-gradient(circle at 50% 100%, rgba(0,0,0,.85), transparent 60%),

    linear-gradient(
      145deg,
      #2a070d 0%,
      #3a0d14 20%,
      #5a0f1c 40%,
      #7a1c28 60%,
      #3a0d14 80%,
      #120306 100%
    );

  border:3px solid #7a1c28;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;

  text-transform:uppercase;
  letter-spacing:3px;
  font-size:26px;

  font-family:'Press Start 2P', monospace;

  position:relative;
  z-index:4;

  overflow:hidden;

  /* 🔥 depth + glow */
  box-shadow:
    inset 0 3px 8px rgba(255,140,140,.15),
    inset 0 -10px 20px rgba(0,0,0,.85),
    inset 0 0 24px #000,
    0 10px 25px rgba(0,0,0,.6),
    0 0 20px rgba(122,28,40,.35);
}

/* 🎮 RGB TEXT (16-BIT ARCADE) */
.marquee{
  color:transparent;
  background-image:linear-gradient(
    90deg,
    #ff0000,
    #fffb00,
    #48ff00,
    #00f7ff,
    #004cff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  background-size:300% 100%;
  animation:rgbText 4s linear infinite;

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  text-shadow:
    0 0 2px #fff,
    0 0 6px #ff00c8,
    0 0 10px #00f7ff,
    2px 2px 0 #000,
    4px 4px 0 #000;
}

/* 🔥 inner highlight */
.marquee::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:23px;

  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.08),
    inset 0 -3px 6px rgba(0,0,0,.7);

  pointer-events:none;
}

/* 🎮 CRT scanline */
.marquee::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:23px;

  background:repeating-linear-gradient(
    180deg,
    rgba(255,255,255,.04) 0px,
    rgba(255,255,255,.04) 1px,
    transparent 2px,
    transparent 4px
  );

  opacity:.35;
  pointer-events:none;
}

/* 🌈 ANIMASI RGB TEXT */
@keyframes rgbText{
  0%{ background-position:0% 50%; }
  100%{ background-position:300% 50%; }
}

/* 🖼️ IMAGE SUPPORT (tetap aman) */
.marquee img{
  max-height:58px;
  max-width:120px;
  object-fit:contain;
}

.glass-area{height:488px;margin-top:18px;border-radius:26px;background:linear-gradient(180deg,rgba(255,245,255,.48),rgba(94,14,33,.45));border:8px solid #ecfeff;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #fff5,0 0 24px rgba(236,254,255,.28);z-index:4}

.glass-area:before{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:8px;border-radius:99px;background:linear-gradient(90deg,transparent,#ffffff,#dffbff,#ffffff,transparent);box-shadow:0 0 18px #fff;z-index:5}

.glass-area::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:26px;

  background-image:url("https://www.transparenttextures.com/patterns/asfalt-light.png");
  opacity:.04;

  pointer-events:none;
}

.shine{
  position:absolute;
  inset:0;

  background:linear-gradient(
    115deg,
    transparent 0%,
    transparent 35%,
    rgba(255,255,255,.18) 45%,
    rgba(255,255,255,.28) 50%,
    rgba(255,255,255,.12) 55%,
    transparent 65%,
    transparent 100%
  );

  animation:shineMove 5s infinite;
  pointer-events:none;
  z-index:30;
}

@keyframes shineMove{
  0%{
    transform:translateX(-120%) skewX(-20deg);
  }
  50%{
    transform:translateX(0%) skewX(-20deg);
  }
  100%{
    transform:translateX(120%) skewX(-20deg);
  }
}

.top-track{position:absolute;left:38px;right:38px;top:36px;height:14px;border-radius:999px;background:linear-gradient(180deg,#fff,#dbeafe 48%,#94a3b8 52%,#64748b);box-shadow:0 4px 0 #475569,0 9px 15px #0005,0 0 14px #e0f2fe;z-index:7}.trolley{position:absolute;left:0;top:18px;width:116px;height:405px;z-index:18;will-change:transform;transform:translate3d(420px,0,0);pointer-events:none}.trolley-cap{position:absolute;left:13px;top:0;width:90px;height:34px;border-radius:8px;background:linear-gradient(180deg,#f8fafc 0%,#b5beca 45%,#5b6574 70%,#151922 100%);box-shadow:0 7px 13px #000a,inset 0 0 0 4px #151922,inset 0 2px 0 #fff9}.trolley-cap:before{content:"";position:absolute;left:17px;right:17px;top:10px;height:7px;border-radius:99px;background:linear-gradient(90deg,#111,#aaa,#111)}.trolley-cap:after{content:"";position:absolute;left:28px;bottom:-16px;width:34px;height:16px;border-radius:0 0 9px 9px;background:linear-gradient(180deg,#dbeafe,#64748b);box-shadow:0 4px 8px #0008}.rope{position:absolute;left:55px;top:30px;width:7px;height:118px;border-radius:999px;background:repeating-linear-gradient(180deg,#151515 0 8px,#b8c0ca 8px 12px,#151515 12px 20px);transform-origin:top center;will-change:height,transform;box-shadow:0 0 7px #000,1px 0 0 #fff7}.rope:before{content:"";position:absolute;left:-8px;right:-8px;top:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);border-radius:20px}.rope:after{content:"";position:absolute;left:-8px;bottom:-10px;width:23px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1f5f9,#64748b 55%,#111);box-shadow:0 4px 8px #000a}.claw-head{position:absolute;left:59px;top:146px;width:120px;height:150px;transform:translateX(-50%);transform-origin:top center;will-change:top,transform}.neck{position:absolute;left:48px;top:0;width:24px;height:42px;border-radius:10px;background:linear-gradient(90deg,#141414,#bec6d1 25%,#787f89 52%,#151515);box-shadow:0 4px 10px #000a}.neck:before{content:"";position:absolute;left:4px;right:4px;top:7px;height:5px;border-radius:9px;background:#222;box-shadow:0 12px 0 #222,0 24px 0 #222}.joint{position:absolute;left:39px;top:35px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff,#b8c0ca 32%,#68707a 60%,#141414 88%);box-shadow:0 6px 12px #000a;z-index:5}.joint:after{content:"";position:absolute;left:13px;top:13px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#f8fafc,#475569)}.real-claw{position:absolute;left:60px;top:56px;width:0;height:0;z-index:6}.prong{position:absolute;left:-5px;top:0;width:10px;height:92px;background:linear-gradient(90deg,#090909 0%,#464646 45%,#111 100%);border-radius:99px;transform-origin:top center;transition:transform .62s cubic-bezier(.2,.9,.18,1.2);filter:drop-shadow(0 4px 2px #0009)}.prong:before{content:"";position:absolute;top:3px;left:2px;width:3px;height:70%;border-radius:9px;background:rgba(255,255,255,.25)}.prong:after{content:"";position:absolute;bottom:-5px;left:-4px;width:22px;height:42px;border-left:10px solid #0a0a0a;border-bottom:9px solid #0a0a0a;border-radius:0 0 0 17px;transform:rotate(var(--hook,0deg));transform-origin:top center}.prong-left{transform:rotate(34deg)}.prong-left:after{--hook:-24deg}.prong-right{transform:rotate(-34deg)}.prong-right:after{--hook:24deg;left:-8px;border-left:0;border-right:10px solid #0a0a0a;border-radius:0 0 17px 0}.prong-back{height:76px;opacity:.72;transform:rotate(0deg) translateY(8px) scale(.88);background:linear-gradient(90deg,#222,#777,#222)}.prong-back:after{--hook:0deg;left:-5px;width:20px;height:30px;border-left:7px solid #1a1a1a;border-bottom:8px solid #1a1a1a}.real-claw.open .prong-left{transform:rotate(50deg)}.real-claw.open .prong-right{transform:rotate(-50deg)}.real-claw.open .prong-back{transform:rotate(0deg) translateY(13px) scale(.88)}.real-claw.closed .prong-left{transform:rotate(16deg)}.real-claw.closed .prong-right{transform:rotate(-16deg)}.real-claw.closed .prong-back{transform:rotate(0deg) translateY(-1px) scale(.98)}.claw-head.shake{animation:realShake .11s infinite}@keyframes realShake{0%,100%{margin-left:-3px;filter:drop-shadow(0 0 0 transparent)}50%{margin-left:3px;filter:drop-shadow(0 0 9px #fff7)}}.prize-floor{position:absolute;left:28px;right:28px;bottom:15px;height:158px;z-index:4}.prize-floor:before{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.38),transparent 70%);z-index:0}

.prize-item{
  position:absolute;
  width:76px;
  height:76px;
  object-fit:contain;

  /* bayangan biar terasa di lantai */
  filter:drop-shadow(0 10px 6px rgba(0,0,0,0.55));

  /* 🔥 jangan terlalu cepat */
  transition:
    transform .25s ease,
    opacity .25s ease;

  z-index:2;

  /* depth illusion */
  transform:scale(0.95);
  opacity:0.95;
}

.prize-item.depth-back{
  z-index:0 !important;

  /* 🔥 kecil + redup + blur = efek belakang */
  transform:scale(0.55) translateY(6px);
  opacity:0.35;

  filter:
    blur(1.5px)
    brightness(0.75)
    saturate(0.8)
    drop-shadow(0 6px 4px rgba(0,0,0,0.6));

  /* 🔥 jangan ada animasi biar tidak teleport */
  transition:none !important;
}

.prize-item.depth-front{
  z-index:3;
  transform:scale(1);
  opacity:1;
}

.prize-item:hover{
  transform:scale(1.05);
}

.prize-item img{width:100%;height:100%;object-fit:contain}.prize-item .fallback{width:100%;height:100%;border-radius:20px;background:linear-gradient(135deg,#fbbf24,#f43f5e);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;text-align:center;padding:6px;color:#fff}.prize-name{position:absolute;left:50%;bottom:-21px;transform:translateX(-50%);font-size:12px;font-weight:900;text-shadow:0 2px 4px #000,0 0 4px #000;white-space:nowrap}

.prize-item.bump{
  transform:translateY(4px) rotate(2deg);
  transition:transform .2s ease;
}

.prize-item.grabbed{
  z-index:999 !important;

  /* 🔥 lebih hidup */
  transform:scale(0.9);

  opacity:1;

  filter:
    blur(0px)
    brightness(1)
    drop-shadow(0 16px 14px rgba(0,0,0,0.6))
    drop-shadow(0 0 12px rgba(255,255,255,0.35));

  /* 🔥 ini kunci smooth */
  transition:
    left .38s cubic-bezier(.18,.95,.22,1),
    top .38s cubic-bezier(.18,.95,.22,1),
    transform .32s ease-out,
    opacity .25s ease;
}

.flying-prize{position:fixed;width:74px;height:74px;object-fit:contain;z-index:999;filter:drop-shadow(0 18px 12px #0008);transition:left .75s cubic-bezier(.18,.88,.24,1.02),top .75s cubic-bezier(.18,.88,.24,1.02),transform .75s}


.control-deck{
  height:255px;
  margin-top:18px;
  border-radius:24px;

  /* 🔥 3D gradient (multi layer) */
  background:
    linear-gradient(180deg,#3a0d14 0%, #1a0508 35%, #0b0204 70%, #050203 100%),
    radial-gradient(circle at 50% 0%, rgba(255,120,120,.25), transparent 60%),
    radial-gradient(circle at 50% 100%, rgba(0,0,0,.9), transparent 70%);

  display:grid;
  grid-template-columns:150px 154px 1fr;
  gap:18px;
  align-items:center;
  padding:18px;

  border:3px solid #7a1c28;

  position:relative;
  z-index:4;

  box-shadow:
    inset 0 4px 10px rgba(255,120,120,.15),  /* 🔥 top highlight */
    inset 0 -12px 25px rgba(0,0,0,.85),      /* 🔥 depth bawah */
    inset 0 0 35px #000,
    0 12px 30px rgba(0,0,0,.6),              /* shadow luar */
    0 0 25px rgba(122,28,40,.25);            /* glow merah */
}
.control-deck:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:24px;

  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.08),
    inset 0 -3px 6px rgba(0,0,0,.7);

  pointer-events:none;
}
.control-deck::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:28px;

	box-shadow:
  0 0 12px rgba(122,28,40,.4),
  0 0 25px rgba(168,50,68,.25);

  /* 🔥 maroon 3D gradient elegan */
  background:linear-gradient(
    135deg,
    #2a070d 0%,
    #3a0d14 20%,
    #5a0f1c 40%,
    #7a1c28 55%,
    #a83244 70%,
    #7a1c28 85%,
    #2a070d 100%
  );

  background-size:200% 200%;
  animation:maroonFlow 6s ease-in-out infinite;

  z-index:-1;

  /* 🔥 glow halus & classy */
  filter:
    blur(2px)
    drop-shadow(0 0 6px rgba(122,28,40,.6))
    drop-shadow(0 0 14px rgba(168,50,68,.4));

  opacity:.95;
}

@keyframes maroonFlow{
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}

.joystick-wrap{text-align:center}.joystick-wrap small{display:block;color:#cbd5e1;margin-top:8px}.joystick{width:136px;height:136px;border-radius:50%;background:radial-gradient(circle,#64748b,#0f172a 64%,#020617);position:relative;touch-action:none;box-shadow:inset 0 8px 20px #000,0 8px 18px #0008,0 0 24px #1d4ed844}.stick{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 34% 32%,#fff,#ef4444 52%,#7f1d1d);position:absolute;left:37px;top:37px;box-shadow:0 10px 20px #0009,0 0 16px #ff5454;transition:transform .045s linear}.drop-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.drop-btn{width:112px;height:112px;border-radius:50%;border:8px solid #fecaca;background:radial-gradient(circle,#ff6b6b,#d62929 55%,#9b1111);color:#fff;font-weight:900;font-size:23px;box-shadow:0 10px 0 #450a0a,0 0 20px rgba(255,71,71,.45);cursor:pointer}.drop-btn:active{transform:translateY(7px);box-shadow:0 3px 0 #450a0a}.drop-box{width:132px;height:52px;border-radius:14px;background:linear-gradient(#111,#020617);border:4px solid #ffd166;display:flex;align-items:center;justify-content:center;font-weight:900;color:#ffd166;box-shadow:inset 0 -8px 0 #0008,0 0 16px rgba(255,209,102,.35)}.drop-box span{font-size:13px}.drop-box.prize-flash{animation:prizeFlash .25s alternate 5}@keyframes prizeFlash{from{box-shadow:0 0 8px #ffd166,inset 0 -8px 0 #0008}to{box-shadow:0 0 30px #fff,inset 0 -8px 0 #0008;background:#201400}}.ticket-form input{display:block;width:100%;padding:13px;margin:8px 0;border:0;border-radius:14px;background:#fff;color:#111}.ticket-form #resultText{padding:10px;color:#dbeafe;min-height:48px;font-weight:700}.win-modal{display:none;position:fixed;inset:0;background:#0009;align-items:center;justify-content:center;z-index:2000}.win-modal.show{display:flex}.win-box{width:min(420px,92%);background:#fff;color:#111;border-radius:24px;text-align:center;padding:25px}.win-box img{max-width:180px;max-height:180px;object-fit:contain}.win-box button{padding:13px 20px;border:0;border-radius:14px;background:#563cff;color:#fff;font-weight:bold}@keyframes neonRun{0%{filter:hue-rotate(0deg) drop-shadow(0 0 10px #ffd166);opacity:.9}50%{filter:hue-rotate(28deg) drop-shadow(0 0 22px #fff06a);opacity:1}100%{filter:hue-rotate(0deg) drop-shadow(0 0 10px #ffd166);opacity:.9}}@media(max-width:720px){.machine-shell{height:auto;min-height:790px}.control-deck{grid-template-columns:1fr 1fr;gap:12px}.ticket-form{grid-column:1/3}.glass-area{height:440px}.marquee{font-size:19px}.drop-box{width:126px}.prize-floor{bottom:14px;height:145px}.prize-item{width:62px;height:62px}.control-deck{height:auto}.joystick{width:122px;height:122px}.stick{left:30px;top:30px}}


/* ===== FIX PREMIUM NO LABEL REAL GRAB ===== */
.prize-name{display:none!important;}
.prize-floor{left:22px!important;right:22px!important;bottom:7px!important;height:190px!important;z-index:12!important;}
.prize-floor:before{bottom:2px!important;height:38px!important;background:radial-gradient(ellipse at center,rgba(0,0,0,.48),transparent 72%)!important;}
.prize-item{width:82px!important;height:82px!important;margin:0!important;filter:drop-shadow(0 17px 8px rgba(0,0,0,.62))!important;transform-origin:50% 82%!important;}
.prize-item img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;}
.prize-item.grabbed{z-index:50!important;filter:drop-shadow(0 0 20px rgba(255,255,255,.85)) drop-shadow(0 16px 8px rgba(0,0,0,.55))!important;transition:left .035s linear,top .035s linear,transform .12s linear!important;}
.real-claw.closed .prong-left{transform:rotate(10deg)!important;}
.real-claw.closed .prong-right{transform:rotate(-10deg)!important;}
.real-claw.closed .prong-back{transform:rotate(0deg) translateY(-4px) scale(1.02)!important;}
.real-claw.open .prong-left{transform:rotate(56deg)!important;}
.real-claw.open .prong-right{transform:rotate(-56deg)!important;}
.real-claw.open .prong-back{transform:rotate(0deg) translateY(14px) scale(.88)!important;}
@media(max-width:720px){.prize-floor{bottom:6px!important;height:165px!important}.prize-item{width:68px!important;height:68px!important}}

/* ===== FINAL SYNC ROPE + REAL GRAB + RESPONSIVE LABEL FIX ===== */
.rope{height:64px!important;transition:none!important;}
.claw-head{top:92px!important;transform-origin:top center!important;}
.coin-badge{min-width:96px;text-align:center;padding:8px 12px;border-radius:14px;background:linear-gradient(180deg,#31030a,#08070b);border:2px solid #ffd166;color:#ffd166;font-weight:900;box-shadow:0 0 14px rgba(255,209,102,.35),inset 0 -6px 0 rgba(0,0,0,.35);font-size:13px;}
.drop-column{gap:8px!important;}
.ticket-form{min-width:0!important;}
.ticket-form input{box-sizing:border-box!important;}
.ticket-form #resultText{font-size:14px;line-height:1.25;text-shadow:0 2px 5px rgba(0,0,0,.65);}
.prize-name{display:none!important;}
.prize-floor{bottom:6px!important;z-index:12!important;}
.prize-item{margin:0!important;filter:drop-shadow(0 16px 7px rgba(0,0,0,.58))!important;transform-origin:50% 82%!important;}
.prize-item img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;}
.prize-item.grabbed{z-index:80!important;filter:drop-shadow(0 0 20px rgba(255,255,255,.9)) drop-shadow(0 16px 8px rgba(0,0,0,.55))!important;transition:left .035s linear,top .035s linear,transform .12s linear!important;}
.flying-prize{width:72px!important;height:72px!important;object-fit:contain!important;z-index:9999!important;}
.drop-btn:disabled{opacity:.75;cursor:not-allowed;filter:grayscale(.15)}
@media(max-width:720px){
  .arcade{width:100vw!important;min-height:100dvh!important;padding:10px 6px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow-x:hidden!important;}
  .machine-shell{width:min(100%,390px)!important;min-height:auto!important;padding:10px!important;border-radius:24px!important;}
  .marquee{height:auto!important;min-height:72px!important;font-size:18px!important;line-height:1.15!important;padding:7px 9px!important;gap:8px!important;text-align:center!important;}
  .marquee img{max-width:54px!important;max-height:42px!important;object-fit:contain!important;flex:0 0 auto!important;}
  .marquee b{white-space:normal!important;overflow-wrap:anywhere!important;display:block!important;}
  .glass-area{height:318px!important;border-radius:20px!important;margin-top:10px!important;}
  .top-track{left:25px!important;right:25px!important;top:32px!important;height:10px!important;}
  .trolley-cap{transform:scale(.72)!important;transform-origin:center top!important;}
  .rope{height:58px!important;width:5px!important;left:55px!important;top:25px!important;}
  .claw-head{top:84px!important;width:120px!important;height:130px!important;}
  .neck{transform:scale(.78)!important;transform-origin:top center!important;}
  .joint{transform:scale(.78)!important;transform-origin:center!important;}
  .real-claw{transform:scale(.78)!important;transform-origin:top center!important;}
  .prize-floor{left:12px!important;right:12px!important;bottom:2px!important;height:124px!important;}
  .control-deck{grid-template-columns:135px 1fr!important;grid-template-areas:'joy drop' 'form form'!important;height:auto!important;gap:10px!important;padding:14px 14px 18px!important;margin-top:12px!important;border-radius:20px!important;align-items:start!important;}
  .joystick-wrap{grid-area:joy!important;}
  .drop-column{grid-area:drop!important;align-self:center!important;}
  .ticket-form{grid-area:form!important;width:100%!important;}
  .joystick{width:118px!important;height:118px!important;}
  .stick{width:55px!important;height:55px!important;left:31.5px!important;top:31.5px!important;}
  .drop-btn{width:88px!important;height:88px!important;font-size:17px!important;border-width:6px!important;}
  .drop-box{width:118px!important;height:42px!important;border-radius:12px!important;}
  .coin-badge{font-size:12px!important;padding:6px 10px!important;min-width:82px!important;}
  .ticket-form input{width:100%!important;margin:7px 0!important;padding:11px 13px!important;border-radius:13px!important;font-size:14px!important;}
  .ticket-form #resultText{min-height:38px!important;padding:7px 2px!important;font-size:13px!important;line-height:1.25!important;}
  .flying-prize{width:58px!important;height:58px!important;}
}
@media(min-width:721px){
  .control-deck{align-items:center!important;}
  .coin-badge{margin-top:2px;}
}


/* FIX JOYSTICK ANALOG SMOOTH */
.joystick, #joystick{
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
  overscroll-behavior:contain!important;
}
.stick, #stick{
  will-change:transform!important;
  transition:none!important;
  pointer-events:none!important;
}

/* FINAL PATCH: idle/drop sync + mobile label readability */
#resultText{line-height:1.35!important;word-break:break-word!important;overflow-wrap:anywhere!important;}
.ticket-form input{font-size:15px!important;font-weight:700!important;}
@media(max-width:720px){
  .claw-head{transform-origin:top center!important;}
  .rope{min-height:26px!important;}
  .marquee{gap:8px!important;line-height:1.1!important;text-align:center!important;padding:0 8px!important;}
  .marquee b{font-size:17px!important;max-width:72%;display:inline-block!important;}
  .ticket-form #resultText{font-size:13px!important;min-height:42px!important;}
}


/* PATCH DROP LOCK + VISIBLE STACK PRIZE */
.prize-item.grabbed,
.prize-item.being-held{
  opacity:1!important;
  visibility:visible!important;
  z-index:999!important;
  pointer-events:none!important;
  transition:left .12s linear, top .12s linear, transform .12s linear!important;
  filter:drop-shadow(0 14px 14px rgba(0,0,0,.55)) saturate(1.12)!important;
}
.flying-prize{
  border-radius:16px!important;
}
#dropBox.prize-flash{
  animation: prizeBoxPulse .95s ease;
}
@keyframes prizeBoxPulse{
  0%,100%{filter:brightness(1)}
  40%{filter:brightness(1.55) drop-shadow(0 0 18px rgba(255,215,120,.85))}
}