:root{--ldm-accent:#0f172a;--ldm-red:#ef4444;--ldm-yellow:#f59e0b;--ldm-blue:#3b82f6;--ldm-green:#22c55e;--ldm-purple:#8b5cf6;--ldm-text:#0f172a;--ldm-soft:#64748b}
.ldm-wrap{max-width:1100px;margin:24px auto;padding:12px}
.ldm-shell{background:radial-gradient(circle at 50% 0%,#17326b 0%,#08152d 35%,#040b17 100%);border:3px solid #4268c9;border-radius:34px;box-shadow:0 18px 60px rgba(0,0,0,.45),inset 0 0 0 2px rgba(133,181,255,.35);padding:24px;color:#fff}
.ldm-shell-picker{padding:28px 26px 34px}
.ldm-head h2{margin:0 0 8px;font-size:32px;color:#fff}
.ldm-meta{display:flex;gap:12px;flex-wrap:wrap;color:#d7e6ff;font-weight:700;margin-bottom:16px}
.ldm-meta span{background:rgba(255,255,255,.08);border:1px solid rgba(141,180,255,.22);padding:8px 12px;border-radius:999px}
.ldm-note,.ldm-error{margin-bottom:18px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;padding:12px 14px;border-radius:14px;font-weight:700}
.ldm-arcade{background:linear-gradient(180deg,#0a1733,#050d1d);border:3px solid #4a7bff;border-radius:30px;padding:20px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.35)}
.ldm-arcade-head{font-size:48px;line-height:1.05;font-weight:900;text-align:center;color:#f8fbff;letter-spacing:1px;background:linear-gradient(180deg,#153063,#08162f);border:2px solid rgba(162,197,255,.45);border-radius:22px;padding:18px 16px;margin-bottom:20px;text-shadow:0 2px 8px rgba(255,255,255,.12)}
.ldm-arcade-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:14px;background:linear-gradient(180deg,#07122a,#040c1a);padding:18px;border-radius:24px;border:2px solid rgba(108,158,255,.2)}
.ldm-ball-pick{appearance:none;border:none;cursor:pointer;width:100%;aspect-ratio:1/1;border-radius:50%;font-size:clamp(22px,2vw,34px);font-weight:900;color:#fff;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65) 0%,rgba(255,255,255,.22) 16%,rgba(255,255,255,0) 18%),linear-gradient(180deg,#4f8fff 0%,#1a50c7 55%,#0d2b80 100%);box-shadow:inset 0 -8px 10px rgba(0,0,0,.22),inset 0 8px 12px rgba(255,255,255,.18),0 10px 18px rgba(0,0,0,.28);border:2px solid rgba(196,220,255,.45)}
.ldm-ball-pick.selected{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65) 0%,rgba(255,255,255,.22) 16%,rgba(255,255,255,0) 18%),linear-gradient(180deg,#7ef64d 0%,#2aac1a 58%,#0c6a0c 100%);border-color:#d6ffb8}
.ldm-your-numbers-title{text-align:center;color:#f5fbff;font-size:28px;font-weight:900;letter-spacing:1px;margin:18px 0 12px}
.ldm-picked-tray{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;background:linear-gradient(180deg,#08162d,#050d1d);border:2px solid rgba(117,162,255,.18);border-radius:26px;padding:16px}
.ldm-picked-ball{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:50%;font-size:clamp(30px,2.8vw,54px);font-weight:900;background:rgba(255,255,255,.08);border:2px dashed rgba(255,255,255,.18);color:transparent;min-height:84px}
.ldm-picked-ball.filled:nth-child(1),.ldm-picked-ball.filled:nth-child(3){background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65) 0%,rgba(255,255,255,.22) 16%,rgba(255,255,255,0) 18%),linear-gradient(180deg,#7ef64d 0%,#2aac1a 58%,#0c6a0c 100%);color:#fff;border-color:#d7ffb7}
.ldm-picked-ball.filled:nth-child(2){background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65) 0%,rgba(255,255,255,.22) 16%,rgba(255,255,255,0) 18%),linear-gradient(180deg,#ffb55d 0%,#dc6414 58%,#a33a06 100%);color:#fff;border-color:#ffd8ac}
.ldm-picked-ball.filled:nth-child(4){background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65) 0%,rgba(255,255,255,.22) 16%,rgba(255,255,255,0) 18%),linear-gradient(180deg,#ff6b6b 0%,#d81717 58%,#9f0e0e 100%);color:#fff;border-color:#ffb7b7}
.ldm-picked-ball.filled:nth-child(5){background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65) 0%,rgba(255,255,255,.22) 16%,rgba(255,255,255,0) 18%),linear-gradient(180deg,#ffe071 0%,#ffb300 58%,#cc7a00 100%);color:#302000;border-color:#ffe2a8}
.ldm-arcade-actions,.ldm-action-row{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:20px}
.ldm-reset-btn,.ldm-confirm-btn,.ldm-draw-btn{appearance:none;border:none;cursor:pointer;border-radius:18px;font-size:clamp(24px,2vw,42px);font-weight:900;letter-spacing:.5px;padding:18px 24px;box-shadow:0 12px 24px rgba(0,0,0,.28),inset 0 8px 12px rgba(255,255,255,.16)}
.ldm-reset-btn{width:34%;background:linear-gradient(180deg,#55668a,#2f3f60);color:#fff}
.ldm-confirm-btn{width:60%;background:linear-gradient(180deg,#72ff65,#23a10f);color:#f8fff2}
.ldm-draw-btn{width:100%;background:linear-gradient(180deg,#72ff65,#23a10f);color:#f8fff2}
.ldm-machine{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;margin-top:10px}
.ldm-globe-frame{position:relative;height:430px;display:flex;align-items:center;justify-content:center}
.ldm-globe-frame:before{content:'';width:380px;height:380px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.88),rgba(255,255,255,.35) 40%,rgba(207,226,255,.65) 100%);border:12px solid #c9d8ef;box-shadow:inset 0 0 0 8px rgba(255,255,255,.35),0 18px 35px rgba(59,130,246,.12);position:absolute}
.ldm-globe-frame:after{content:'';position:absolute;width:240px;height:40px;background:linear-gradient(180deg,#c7d2fe,#94a3b8);bottom:30px;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.12)}
.ldm-mixing-chamber{position:relative;width:320px;height:320px;border-radius:50%;overflow:hidden;z-index:2}
.ldm-float-ball{position:absolute;width:48px;height:48px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 8px 16px rgba(15,23,42,.16)}.ldm-float-ball:nth-child(5n+1){background:var(--ldm-red)}.ldm-float-ball:nth-child(5n+2){background:var(--ldm-yellow)}.ldm-float-ball:nth-child(5n+3){background:var(--ldm-blue)}.ldm-float-ball:nth-child(5n+4){background:var(--ldm-green)}.ldm-float-ball:nth-child(5n+5){background:var(--ldm-purple)}
.ldm-float-ball-1{top:14px;left:60px}.ldm-float-ball-2{top:55px;left:200px}.ldm-float-ball-3{top:120px;left:30px}.ldm-float-ball-4{top:130px;left:240px}.ldm-float-ball-5{top:220px;left:70px}.ldm-float-ball-6{top:200px;left:190px}.ldm-float-ball-7{top:80px;left:120px}.ldm-float-ball-8{top:165px;left:120px}.ldm-float-ball-9{top:250px;left:210px}.ldm-float-ball-10{top:260px;left:130px}.ldm-float-ball-11{top:30px;left:145px}.ldm-float-ball-12{top:95px;left:250px}.ldm-float-ball-13{top:185px;left:10px}.ldm-float-ball-14{top:250px;left:25px}
.ldm-spinning .ldm-float-ball-1{animation:ldmOrbit1 1.2s linear infinite}.ldm-spinning .ldm-float-ball-2{animation:ldmOrbit2 1.4s linear infinite}.ldm-spinning .ldm-float-ball-3{animation:ldmOrbit3 1.3s linear infinite}.ldm-spinning .ldm-float-ball-4{animation:ldmOrbit4 1.6s linear infinite}.ldm-spinning .ldm-float-ball-5{animation:ldmOrbit5 1.1s linear infinite}.ldm-spinning .ldm-float-ball-6{animation:ldmOrbit6 1.5s linear infinite}.ldm-spinning .ldm-float-ball-7{animation:ldmOrbit7 1.2s linear infinite}.ldm-spinning .ldm-float-ball-8{animation:ldmOrbit8 1.7s linear infinite}.ldm-spinning .ldm-float-ball-9{animation:ldmOrbit9 1.35s linear infinite}.ldm-spinning .ldm-float-ball-10{animation:ldmOrbit10 1.25s linear infinite}.ldm-spinning .ldm-float-ball-11{animation:ldmOrbit11 1.55s linear infinite}.ldm-spinning .ldm-float-ball-12{animation:ldmOrbit12 1.15s linear infinite}.ldm-spinning .ldm-float-ball-13{animation:ldmOrbit13 1.45s linear infinite}.ldm-spinning .ldm-float-ball-14{animation:ldmOrbit14 1.3s linear infinite}
@keyframes ldmOrbit1{0%{transform:translate(0,0)}25%{transform:translate(55px,10px)}50%{transform:translate(85px,60px)}75%{transform:translate(20px,100px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit2{0%{transform:translate(0,0)}25%{transform:translate(-60px,50px)}50%{transform:translate(-120px,80px)}75%{transform:translate(-60px,145px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit3{0%{transform:translate(0,0)}25%{transform:translate(100px,-30px)}50%{transform:translate(160px,20px)}75%{transform:translate(130px,120px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit4{0%{transform:translate(0,0)}25%{transform:translate(-60px,-40px)}50%{transform:translate(-140px,15px)}75%{transform:translate(-150px,100px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit5{0%{transform:translate(0,0)}25%{transform:translate(80px,-90px)}50%{transform:translate(140px,-110px)}75%{transform:translate(150px,-30px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit6{0%{transform:translate(0,0)}25%{transform:translate(-100px,-80px)}50%{transform:translate(-180px,-30px)}75%{transform:translate(-130px,35px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit7{0%{transform:translate(0,0)}25%{transform:translate(100px,40px)}50%{transform:translate(70px,120px)}75%{transform:translate(-30px,135px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit8{0%{transform:translate(0,0)}25%{transform:translate(-80px,-40px)}50%{transform:translate(-70px,-130px)}75%{transform:translate(20px,-145px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit9{0%{transform:translate(0,0)}25%{transform:translate(-120px,-20px)}50%{transform:translate(-160px,-100px)}75%{transform:translate(-100px,-170px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit10{0%{transform:translate(0,0)}25%{transform:translate(75px,-60px)}50%{transform:translate(40px,-160px)}75%{transform:translate(-70px,-175px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit11{0%{transform:translate(0,0)}25%{transform:translate(40px,80px)}50%{transform:translate(-20px,170px)}75%{transform:translate(-110px,160px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit12{0%{transform:translate(0,0)}25%{transform:translate(-130px,20px)}50%{transform:translate(-220px,35px)}75%{transform:translate(-220px,120px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit13{0%{transform:translate(0,0)}25%{transform:translate(130px,-40px)}50%{transform:translate(175px,-140px)}75%{transform:translate(95px,-200px)}100%{transform:translate(0,0)}}@keyframes ldmOrbit14{0%{transform:translate(0,0)}25%{transform:translate(120px,-120px)}50%{transform:translate(200px,-170px)}75%{transform:translate(220px,-70px)}100%{transform:translate(0,0)}}
.ldm-chute-area{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center}.ldm-chute{width:88px;height:48px;background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:0 0 18px 18px;box-shadow:0 6px 18px rgba(15,23,42,.18)}.ldm-panel{background:#fff;border:1px solid #dbe6f4;border-radius:22px;padding:22px;box-shadow:0 14px 30px rgba(15,23,42,.06);color:#0f172a}.ldm-status{font-size:18px;font-weight:800;color:var(--ldm-text);margin-bottom:16px}.ldm-result-section{margin-bottom:14px}.ldm-section-label{font-size:14px;font-weight:800;color:var(--ldm-soft);margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.ldm-results{min-height:70px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-bottom:8px}.ldm-results.small{min-height:40px}
.ldm-result-ball{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;background:linear-gradient(180deg,var(--ldm-red),#be123c);box-shadow:0 12px 24px rgba(190,24,93,.22)}.ldm-result-ball.small{width:48px;height:48px;font-size:16px;box-shadow:none}.ldm-result-ball.match{background:linear-gradient(180deg,var(--ldm-green),#15803d)}.ldm-result-ball.reveal{opacity:0;transform:scale(.5);animation:ldmReveal .35s ease forwards}@keyframes ldmReveal{to{opacity:1;transform:scale(1)}}
.ldm-final-result{margin:10px 0 20px;border-radius:16px;padding:14px 16px;font-size:18px;font-weight:900;background:#e2e8f0;color:var(--ldm-text)}.ldm-final-result.win{background:#dcfce7;color:#166534}.ldm-final-result.lose{background:#fee2e2;color:#991b1b}.ldm-final-result.winall{background:#fef3c7;color:#92400e}
.ldm-history{margin-top:26px;background:#fff;border:1px solid #dbe6f4;border-radius:22px;padding:22px;color:#0f172a}.ldm-history h3{margin:0 0 14px;color:var(--ldm-text)}.ldm-history ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ldm-history li{padding:13px 14px;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:4px}.ldm-history strong{color:var(--ldm-text)}.ldm-history span{color:#334155}.ldm-history em{font-style:normal;font-size:12px;color:#64748b}
@media (max-width:1000px){.ldm-arcade-head{font-size:36px}.ldm-arcade-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:860px){.ldm-machine{grid-template-columns:1fr}.ldm-globe-frame{height:360px}.ldm-globe-frame:before{width:300px;height:300px}.ldm-mixing-chamber{width:260px;height:260px}.ldm-float-ball{width:40px;height:40px;font-size:13px}.ldm-chute-area{bottom:35px}.ldm-arcade-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:620px){.ldm-arcade-grid{grid-template-columns:repeat(4,1fr);gap:10px}.ldm-picked-tray{grid-template-columns:repeat(5,1fr);gap:10px}.ldm-arcade-actions,.ldm-action-row{flex-direction:column}.ldm-reset-btn,.ldm-confirm-btn,.ldm-draw-btn{width:100%}.ldm-arcade-head{font-size:28px}}


/* v2.1 mobile tray fix */
.ldm-shell,
.ldm-arcade,
.ldm-arcade-grid,
.ldm-picked-tray{
  box-sizing:border-box;
}

.ldm-arcade{
  overflow:hidden;
}

.ldm-picked-tray{
  width:100%;
  max-width:100%;
  align-items:center;
}

.ldm-picked-ball{
  width:100%;
  min-width:0;
  overflow:hidden;
}

@media (max-width:620px){
  .ldm-shell-picker{
    padding:18px 12px 24px;
  }

  .ldm-arcade{
    padding:12px;
    border-radius:22px;
  }

  .ldm-arcade-head{
    font-size:24px;
    padding:14px 10px;
    margin-bottom:14px;
  }

  .ldm-arcade-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    padding:12px;
  }

  .ldm-ball-pick{
    font-size:18px;
  }

  .ldm-your-numbers-title{
    font-size:22px;
    margin:14px 0 10px;
  }

  .ldm-picked-tray{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    padding:10px;
    border-radius:18px;
  }

  .ldm-picked-ball{
    font-size:22px;
    min-height:56px;
  }

  .ldm-arcade-actions,
  .ldm-action-row{
    gap:12px;
    margin-top:14px;
  }

  .ldm-reset-btn,
  .ldm-confirm-btn,
  .ldm-draw-btn{
    font-size:20px;
    padding:14px 16px;
    border-radius:14px;
  }
}

@media (max-width:420px){
  .ldm-picked-tray{
    gap:6px;
    padding:8px;
  }

  .ldm-picked-ball{
    font-size:20px;
    min-height:50px;
  }

  .ldm-ball-pick{
    font-size:16px;
  }
}


/* v2.3 stronger mobile fix for picked balls overflow */
.ldm-picked-tray,
.ldm-picked-ball{
  box-sizing:border-box;
}

@media (max-width: 700px){
  .ldm-shell-picker{
    padding:14px 8px 20px !important;
  }

  .ldm-arcade{
    padding:10px !important;
    overflow:hidden !important;
  }

  .ldm-picked-tray{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
    padding:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .ldm-picked-ball{
    flex:0 0 calc((100% - 24px) / 5) !important;
    width:calc((100% - 24px) / 5) !important;
    min-width:0 !important;
    max-width:calc((100% - 24px) / 5) !important;
    min-height:auto !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    font-size:clamp(18px, 5vw, 26px) !important;
    line-height:1 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .ldm-arcade-actions,
  .ldm-action-row{
    flex-direction:column !important;
    gap:10px !important;
  }

  .ldm-reset-btn,
  .ldm-confirm-btn,
  .ldm-draw-btn{
    width:100% !important;
    font-size:20px !important;
    padding:14px 16px !important;
  }
}

@media (max-width: 430px){
  .ldm-ball-pick{
    font-size:15px !important;
  }

  .ldm-picked-ball{
    flex:0 0 calc((100% - 16px) / 5) !important;
    width:calc((100% - 16px) / 5) !important;
    max-width:calc((100% - 16px) / 5) !important;
    font-size:18px !important;
  }

  .ldm-picked-tray{
    gap:4px !important;
  }
}


/* v2.4 mobile selected balls in two lanes */
@media (max-width: 700px){
  .ldm-picked-tray{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-rows:1fr !important;
    gap:8px !important;
    padding:10px !important;
    align-items:center !important;
    justify-items:center !important;
  }

  .ldm-picked-ball{
    width:100% !important;
    max-width:74px !important;
    min-width:0 !important;
    aspect-ratio:1 / 1 !important;
    min-height:auto !important;
    height:auto !important;
    font-size:clamp(18px,4.8vw,24px) !important;
  }

  .ldm-picked-tray .ldm-picked-ball:nth-child(4){
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .ldm-picked-tray .ldm-picked-ball:nth-child(5){
    grid-column:2 !important;
    grid-row:2 !important;
  }
}

@media (max-width: 430px){
  .ldm-picked-tray{
    gap:6px !important;
    padding:8px !important;
  }

  .ldm-picked-ball{
    max-width:64px !important;
    font-size:18px !important;
  }
}


/* v2.5 selected numbers tray centered in two rows on all screen sizes */
.ldm-picked-tray{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
  gap:12px !important;
  padding:14px !important;
  justify-items:center !important;
  align-items:center !important;
}

.ldm-picked-ball{
  width:100% !important;
  max-width:92px !important;
  min-width:0 !important;
  aspect-ratio:1 / 1 !important;
  min-height:auto !important;
  height:auto !important;
  font-size:clamp(22px, 2vw, 34px) !important;
  box-sizing:border-box !important;
}

.ldm-picked-tray .ldm-picked-ball:nth-child(1){
  grid-column:3 !important;
  grid-row:1 !important;
}
.ldm-picked-tray .ldm-picked-ball:nth-child(2){
  grid-column:4 !important;
  grid-row:1 !important;
}
.ldm-picked-tray .ldm-picked-ball:nth-child(3){
  grid-column:2 !important;
  grid-row:2 !important;
}
.ldm-picked-tray .ldm-picked-ball:nth-child(4){
  grid-column:3 !important;
  grid-row:2 !important;
}
.ldm-picked-tray .ldm-picked-ball:nth-child(5){
  grid-column:4 !important;
  grid-row:2 !important;
}

@media (max-width: 900px){
  .ldm-picked-tray{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:10px !important;
    padding:12px !important;
  }
  .ldm-picked-ball{
    max-width:82px !important;
    font-size:clamp(20px, 3vw, 28px) !important;
  }
  .ldm-picked-tray .ldm-picked-ball:nth-child(1){grid-column:2 !important;}
  .ldm-picked-tray .ldm-picked-ball:nth-child(2){grid-column:3 !important;}
  .ldm-picked-tray .ldm-picked-ball:nth-child(3){grid-column:1 !important;}
  .ldm-picked-tray .ldm-picked-ball:nth-child(4){grid-column:2 !important;}
  .ldm-picked-tray .ldm-picked-ball:nth-child(5){grid-column:3 !important;}
}

@media (max-width: 620px){
  .ldm-picked-tray{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    padding:10px !important;
  }
  .ldm-picked-ball{
    max-width:70px !important;
    font-size:20px !important;
  }
  .ldm-picked-tray .ldm-picked-ball:nth-child(1){grid-column:1 !important;}
  .ldm-picked-tray .ldm-picked-ball:nth-child(2){grid-column:2 !important;}
  .ldm-picked-tray .ldm-picked-ball:nth-child(3){grid-column:1 !important;}
  .ldm-picked-tray .ldm-picked-ball:nth-child(4){grid-column:2 !important;}
  .ldm-picked-tray .ldm-picked-ball:nth-child(5){grid-column:3 !important;}
}

@media (max-width: 420px){
  .ldm-picked-ball{
    max-width:62px !important;
    font-size:18px !important;
  }
}


/* v2.6 CORE override for selected tray layout */
.ldm-shell-picker .ldm-arcade,
.ldm-shell-picker .ldm-picked-tray,
.ldm-shell-picker .ldm-picked-ball,
.ldm-shell-picker .ldm-arcade-actions,
.ldm-shell-picker .ldm-reset-btn,
.ldm-shell-picker .ldm-confirm-btn{
  box-sizing:border-box !important;
}

.ldm-shell-picker .ldm-arcade{
  overflow:hidden !important;
}

.ldm-shell-picker .ldm-picked-tray{
  display:grid !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  margin:0 auto !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  grid-template-rows:auto auto !important;
  justify-items:center !important;
  align-items:center !important;
  gap:12px !important;
  padding:14px !important;
}

.ldm-shell-picker .ldm-picked-ball{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:88px !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1 / 1 !important;
  margin:0 !important;
  padding:0 !important;
  font-size:26px !important;
  line-height:1 !important;
  overflow:hidden !important;
}

.ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(1){grid-column:3 !important;grid-row:1 !important;}
.ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(2){grid-column:4 !important;grid-row:1 !important;}
.ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(3){grid-column:2 !important;grid-row:2 !important;}
.ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(4){grid-column:3 !important;grid-row:2 !important;}
.ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(5){grid-column:4 !important;grid-row:2 !important;}

.ldm-shell-picker .ldm-arcade-actions{
  width:100% !important;
  display:flex !important;
  gap:18px !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.ldm-shell-picker .ldm-reset-btn{
  width:34% !important;
}

.ldm-shell-picker .ldm-confirm-btn{
  width:60% !important;
}

@media (max-width: 900px){
  .ldm-shell-picker .ldm-picked-tray{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:12px !important;
  }
  .ldm-shell-picker .ldm-picked-ball{
    max-width:76px !important;
    font-size:22px !important;
  }
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(1){grid-column:2 !important;}
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(2){grid-column:3 !important;}
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(3){grid-column:1 !important;}
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(4){grid-column:2 !important;}
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(5){grid-column:3 !important;}
}

@media (max-width: 620px){
  .ldm-shell-picker{
    padding:14px 8px 20px !important;
  }
  .ldm-shell-picker .ldm-arcade{
    padding:12px !important;
  }
  .ldm-shell-picker .ldm-picked-tray{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:10px !important;
  }
  .ldm-shell-picker .ldm-picked-ball{
    max-width:64px !important;
    font-size:18px !important;
  }
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(1){grid-column:1 !important;grid-row:1 !important;}
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(2){grid-column:2 !important;grid-row:1 !important;}
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(3){grid-column:1 !important;grid-row:2 !important;}
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(4){grid-column:2 !important;grid-row:2 !important;}
  .ldm-shell-picker .ldm-picked-tray > .ldm-picked-ball:nth-child(5){grid-column:3 !important;grid-row:2 !important;}

  .ldm-shell-picker .ldm-arcade-actions{
    flex-direction:column !important;
    gap:10px !important;
  }
  .ldm-shell-picker .ldm-reset-btn,
  .ldm-shell-picker .ldm-confirm-btn{
    width:100% !important;
    font-size:20px !important;
    padding:14px 16px !important;
  }
}

@media (max-width: 420px){
  .ldm-shell-picker .ldm-picked-ball{
    max-width:56px !important;
    font-size:16px !important;
  }
}