.p360-dice-wrap{position:relative;overflow:hidden;max-width:760px;margin:24px auto;padding:22px;border:1px solid rgba(160,104,255,.28);border-radius:24px;background:radial-gradient(circle at 50% 28%,#34206e 0,#17133c 34%,#090b1d 78%);color:#fff;font-family:Inter,Arial,sans-serif;box-sizing:border-box;box-shadow:0 20px 70px rgba(40,0,100,.45)}
.p360-dice-wrap>*:not(.p360-dice-bg-orb){position:relative;z-index:2}.p360-dice-bg-orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.28;z-index:1}.p360-orb-a{width:190px;height:190px;left:-75px;top:100px;background:#9d38ff}.p360-orb-b{width:180px;height:180px;right:-80px;top:30px;background:#277dff}
.p360-dice-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.p360-brand{display:flex;align-items:center;gap:10px}.p360-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#a947ff,#5d63ff);box-shadow:0 0 22px #874cff99;font-size:19px}.p360-brand strong{display:block;font-size:20px;letter-spacing:.08em}.p360-brand span:last-child{display:block;color:#aaa5c9;font-size:9px;letter-spacing:.17em;margin-top:2px}.p360-balance{padding:9px 13px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff0c;text-align:right}.p360-balance span{display:block;color:#a7a2c0;font-size:9px;letter-spacing:.12em}.p360-balance b{display:block;font-size:17px;margin-top:2px}
.p360-round-strip{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;padding:9px 14px;border-radius:12px;background:#09091a99;border:1px solid #ffffff10;color:#aaa7c1;font-size:11px;letter-spacing:.08em}.p360-round-strip b{color:#fff}.p360-status-dot{color:#62e6a4;font-weight:800}
.p360-stage{position:relative;text-align:center;margin:8px 0 14px;padding:20px 10px 20px;border-radius:20px;background:linear-gradient(180deg,#24154b80,#0b0b1c99);border:1px solid #ffffff12;perspective:900px}.p360-roll-table{position:relative;min-height:175px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:radial-gradient(ellipse at 50% 70%,#293b6b33 0,#17133c20 45%,transparent 72%)}
.p360-roll-table:before{content:"";position:absolute;width:300px;height:95px;bottom:16px;border-radius:50%;background:radial-gradient(ellipse,#111 0,rgba(7,7,18,.75) 45%,transparent 72%);filter:blur(5px);opacity:.9}.p360-roll-table:after{content:"";position:absolute;width:210px;height:38px;bottom:29px;border:2px solid #7e78a633;border-radius:50%;box-shadow:0 0 24px #6c67b333 inset;opacity:.8}
.p360-cup-shadow{position:absolute;bottom:39px;width:185px;height:54px;border-radius:50%;background:radial-gradient(ellipse,rgba(87,232,207,.18),rgba(35,64,90,.08) 52%,transparent 72%);filter:blur(7px)}
.p360-shaker-cup{position:absolute;z-index:5;left:50%;bottom:28px;width:250px;height:145px;transform:translateX(-50%) translateY(-4px);pointer-events:none;filter:drop-shadow(0 12px 18px rgba(0,0,0,.34));transform-origin:50% 88%;}
.p360-cup-glass{position:absolute;inset:4px 12px 14px;border:3px solid rgba(218,242,255,.34);border-bottom-color:rgba(116,212,205,.30);border-radius:48% 48% 24% 24% / 56% 56% 22% 22%;background:linear-gradient(110deg,rgba(255,255,255,.05),rgba(90,213,214,.09) 44%,rgba(255,255,255,.02) 72%);box-shadow:inset 10px 0 18px rgba(255,255,255,.08),inset -12px -8px 20px rgba(38,183,195,.06),0 0 20px rgba(78,210,212,.08);}
.p360-cup-glass:before{content:"";position:absolute;left:18%;right:18%;top:13%;height:48%;border-radius:50%;border-top:2px solid rgba(255,255,255,.20);filter:blur(.2px);}
.p360-cup-handle{position:absolute;left:50%;top:-16px;width:72px;height:38px;transform:translateX(-50%);border:5px solid rgba(205,235,240,.27);border-bottom:0;border-radius:42px 42px 0 0;box-shadow:0 0 12px rgba(89,217,218,.10);}
.p360-cup-rim{position:absolute;left:50%;bottom:7px;width:214px;height:34px;transform:translateX(-50%);border:3px solid rgba(190,240,238,.28);border-radius:50%;background:linear-gradient(180deg,rgba(75,205,206,.08),rgba(5,20,34,.04));box-shadow:0 0 18px rgba(74,215,214,.16);}
.p360-shaker-cup:after{content:"";position:absolute;left:50%;top:22px;width:150px;height:95px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 20%,rgba(115,242,228,.10),transparent 64%);}
.p360-dice-cubes{position:relative;z-index:3;display:flex;justify-content:center;gap:42px;min-height:112px;transform-style:preserve-3d;transition:transform .25s}.p360-die-shell{position:relative;width:92px;height:92px;transform-style:preserve-3d;transition:filter .25s}.p360-die-shell.p360-die-a{transform:rotate(-8deg) translateY(-2px)}.p360-die-shell.p360-die-b{transform:rotate(10deg) translateY(4px)}
.p360-dice-cubes{position:relative;z-index:3;display:flex;justify-content:center;gap:42px;min-height:112px;transform-style:preserve-3d;transition:transform .25s}.p360-die-shell{position:relative;width:92px;height:92px;transform-style:preserve-3d;transition:filter .25s}.p360-die-shell.p360-die-a{transform:rotate(-8deg) translateY(-2px)}.p360-die-shell.p360-die-b{transform:rotate(10deg) translateY(4px)}
.p360-die{--s:74px;position:absolute;left:9px;top:9px;width:var(--s);height:var(--s);transform-style:preserve-3d;transition:transform .28s cubic-bezier(.18,.7,.25,1);will-change:transform}.p360-face{position:absolute;width:var(--s);height:var(--s);border-radius:17px;background:linear-gradient(145deg,#a765f1,#5a2db4);border:2px solid #ffffff66;box-shadow:inset 0 0 18px #ffffff22,0 0 12px #8e4cff22;display:block;overflow:hidden;backface-visibility:hidden}
.p360-die-b .p360-face{background:linear-gradient(145deg,#6e8eff,#3153c5)}
.p360-pip-placeholder{display:none}
.p360-face .pip{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#f4eaff 34%,#d9c5ff 62%,#a98be6 100%);box-shadow:0 1px 4px rgba(20,8,55,.75),inset 0 0 3px rgba(255,255,255,.8);transform:translate(-50%,-50%)}
.p360-face .pip.tl{left:22%;top:22%}.p360-face .pip.tr{left:78%;top:22%}.p360-face .pip.ml{left:22%;top:50%}.p360-face .pip.mr{left:78%;top:50%}.p360-face .pip.bl{left:22%;top:78%}.p360-face .pip.br{left:78%;top:78%}.p360-face .pip.c{left:50%;top:50%}.p360-die-b .p360-face{background:linear-gradient(145deg,#6e8eff,#3153c5)}
.p360-front{transform:translateZ(calc(var(--s)/2))}.p360-back{transform:rotateY(180deg) translateZ(calc(var(--s)/2))}.p360-right{transform:rotateY(90deg) translateZ(calc(var(--s)/2))}.p360-left{transform:rotateY(-90deg) translateZ(calc(var(--s)/2))}.p360-top{transform:rotateX(90deg) translateZ(calc(var(--s)/2))}.p360-bottom{transform:rotateX(-90deg) translateZ(calc(var(--s)/2))}
.p360-die.show-1{transform:rotateX(0deg) rotateY(0deg)}.p360-die.show-2{transform:rotateY(90deg)}.p360-die.show-3{transform:rotateY(-90deg)}.p360-die.show-4{transform:rotateX(-90deg)}.p360-die.show-5{transform:rotateX(90deg)}.p360-die.show-6{transform:rotateY(180deg)}
.p360-die.rolling{animation:p360DiceTumble .42s cubic-bezier(.22,.75,.2,1) infinite}.p360-die-shell.p360-die-b .p360-die{animation-delay:.10s}.p360-die-shell.rolling.p360-die-a{animation:p360DieBounceA .56s ease-in-out infinite}.p360-die-shell.rolling.p360-die-b{animation:p360DieBounceB .52s ease-in-out infinite}.p360-roll-table.rolling:before{animation:p360ShadowPulse .45s ease-in-out infinite}.p360-roll-table.rolling:after{animation:p360RingPulse .7s ease-in-out infinite}.p360-roll-table.rolling .p360-shaker-cup{animation:p360CupShake .30s cubic-bezier(.36,.07,.19,.97) infinite}.p360-roll-table.rolling .p360-cup-glass{box-shadow:inset 10px 0 18px rgba(255,255,255,.10),inset -12px -8px 20px rgba(38,183,195,.10),0 0 28px rgba(78,210,212,.18)}
@keyframes p360CupShake{0%{transform:translateX(-50%) rotate(-4deg) translateY(-2px)}25%{transform:translateX(calc(-50% + 13px)) rotate(5deg) translateY(-8px)}50%{transform:translateX(calc(-50% - 16px)) rotate(-6deg) translateY(2px)}75%{transform:translateX(calc(-50% + 10px)) rotate(4deg) translateY(-7px)}100%{transform:translateX(-50%) rotate(-4deg) translateY(-2px)}}
@keyframes p360DieBounceA{0%,100%{transform:rotate(-8deg) translateY(-2px)}25%{transform:rotate(-15deg) translateY(-20px) translateX(-10px)}50%{transform:rotate(12deg) translateY(-8px) translateX(9px)}75%{transform:rotate(-5deg) translateY(-26px) translateX(-5px)}}
@keyframes p360DieBounceB{0%,100%{transform:rotate(10deg) translateY(4px)}25%{transform:rotate(18deg) translateY(-27px) translateX(10px)}50%{transform:rotate(-13deg) translateY(-10px) translateX(-10px)}75%{transform:rotate(8deg) translateY(-21px) translateX(6px)}}
@keyframes p360DiceTumble{0%{transform:rotateX(0) rotateY(0) rotateZ(0) translate3d(0,0,0)}20%{transform:rotateX(145deg) rotateY(190deg) rotateZ(18deg) translate3d(-13px,-12px,16px)}40%{transform:rotateX(310deg) rotateY(410deg) rotateZ(-22deg) translate3d(15px,-22px,28px)}60%{transform:rotateX(485deg) rotateY(570deg) rotateZ(14deg) translate3d(-9px,-4px,18px)}80%{transform:rotateX(640deg) rotateY(760deg) rotateZ(-10deg) translate3d(12px,-16px,24px)}100%{transform:rotateX(820deg) rotateY(930deg) rotateZ(4deg) translate3d(0,0,0)}}
@keyframes p360ShadowPulse{0%,100%{transform:scale(.82);opacity:.45}50%{transform:scale(1.12);opacity:1}}@keyframes p360RingPulse{0%,100%{transform:scale(.9);opacity:.35}50%{transform:scale(1.08);opacity:.85}}
.p360-total{margin-top:3px;color:#b6afd0;font-size:10px;letter-spacing:.15em}.p360-total b{display:block;color:#fff;font-size:34px;letter-spacing:0}.p360-result-label{margin-top:5px;color:#a97bff;font-weight:800;font-size:12px;letter-spacing:.13em}.p360-last{margin-top:7px;color:#77738e;font-size:11px}.p360-last b{color:#c9c4dc}.p360-progress{height:5px;margin:12px 0 17px;border-radius:9px;background:#ffffff12;overflow:hidden}.p360-progress i{display:block;width:100%;height:100%;border-radius:9px;background:linear-gradient(90deg,#a53cff,#4b7bff);box-shadow:0 0 13px #7c4fff;transition:width .35s linear}
.p360-bet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.p360-choice{min-height:82px;border:1px solid #ffffff13;background:linear-gradient(180deg,#ffffff0c,#ffffff05);color:#fff;padding:12px 8px;border-radius:14px;font-weight:800;cursor:pointer;transition:.15s;box-shadow:inset 0 0 20px #fff2}.p360-choice:hover{transform:translateY(-1px);border-color:#9d6cff}.p360-choice strong{display:block;font-size:15px;letter-spacing:.08em}.p360-choice span,.p360-choice small{display:block;font-weight:500;color:#9993b5;margin-top:5px;font-size:10px}.p360-choice small{color:#79e6bd;font-weight:800}.p360-choice.selected{outline:2px solid #9b60ff;background:#6c35c933;box-shadow:0 0 22px #914fff3b}
.p360-controls{display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:10px;margin-top:12px}.p360-input-wrap{position:relative;display:flex;align-items:center;background:#fff;color:#171322;border-radius:12px;min-height:50px}.p360-input-wrap label{position:absolute;top:5px;left:12px;font-size:7px;color:#756e82;font-weight:800;letter-spacing:.12em}.p360-input-wrap span{margin-left:12px;margin-top:8px;font-weight:900}.p360-input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#171322;font-size:17px;font-weight:800;padding:15px 8px 3px}.p360-controls button{min-height:50px;border:0;border-radius:12px;font-weight:900;letter-spacing:.05em;cursor:pointer;background:linear-gradient(90deg,#8e42ff,#5e72ff);color:#fff;box-shadow:0 8px 25px #693aff33}.p360-controls #p360-undo{background:#ffffff12;color:#ddd7ee;border:1px solid #ffffff13;box-shadow:none}.p360-controls button:disabled{opacity:.42;cursor:not-allowed}.p360-message{min-height:22px;text-align:center;margin:10px 0;color:#7ce8b9;font-size:12px}.p360-message.error{color:#ff899f}
.p360-history{margin-top:15px;border-top:1px solid #ffffff10;padding-top:14px}.p360-history-title{display:flex;justify-content:space-between;color:#c9c4dc;font-size:10px;font-weight:800;letter-spacing:.13em}.p360-history-title small{color:#77718b}.p360-row{display:grid;grid-template-columns:.7fr 1fr 1fr 1fr;gap:8px;padding:10px 2px;border-bottom:1px solid #ffffff0b;font-size:11px}.p360-row em{font-style:normal;color:#77718b;text-align:right}.p360-login-note{text-align:center;margin-top:12px;color:#f4c95d;font-size:12px}.p360-disclaimer{text-align:center;color:#5f5a73;font-size:9px;margin-top:14px}
@media(prefers-reduced-motion:reduce){.p360-die.rolling,.p360-roll-table.rolling:before,.p360-roll-table.rolling:after{animation:none!important}.p360-die{transition:none}}
@media(max-width:600px){.p360-dice-wrap{margin:8px;padding:14px;border-radius:18px}.p360-brand strong{font-size:17px}.p360-die-shell{width:78px;height:78px}.p360-die{--s:64px;left:7px;top:7px}.p360-dice-cubes{gap:28px}.p360-bet-grid{grid-template-columns:1fr}.p360-controls{grid-template-columns:1fr 1fr}.p360-input-wrap{grid-column:1/-1}.p360-round-strip{font-size:9px}}

.p360-roll-table.result-reveal .p360-shaker-cup{animation:p360CupSettle .55s ease-out both}.p360-roll-table.result-reveal .p360-die-shell{animation:p360DiceLand .55s ease-out both}.p360-roll-table.result-reveal .p360-die-shell.p360-die-b{animation-delay:.06s}.p360-total.result-pop b{animation:p360ResultPop .55s ease-out both}
@keyframes p360CupSettle{0%{transform:translateX(-50%) translateY(-5px) scale(1.02);opacity:.9}100%{transform:translateX(-50%) translateY(-4px) scale(1);opacity:1}}
@keyframes p360DiceLand{0%{transform:translateY(-12px) rotate(5deg)}65%{transform:translateY(4px) rotate(-2deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes p360ResultPop{0%{transform:scale(.75);opacity:.3}100%{transform:scale(1);opacity:1}}

/* v1.5.0 — classic red casino dice + transparent glass dome */
.p360-stage{background:linear-gradient(180deg,rgba(35,20,73,.78),rgba(8,8,22,.88));}
.p360-roll-table{min-height:205px;overflow:hidden;background:
  radial-gradient(ellipse at 50% 78%,rgba(255,215,120,.10),rgba(30,24,61,.12) 35%,transparent 72%);}
.p360-roll-table:before{width:315px;height:78px;bottom:22px;
  background:radial-gradient(ellipse,rgba(0,0,0,.70) 0,rgba(0,0,0,.38) 50%,transparent 72%);}
.p360-roll-table:after{width:246px;height:42px;bottom:30px;border:2px solid rgba(226,183,93,.42);
  box-shadow:0 0 22px rgba(214,165,61,.16) inset;}

.p360-shaker-cup{z-index:8;width:292px;height:178px;bottom:24px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.38));}
.p360-cup-glass{
  inset:0 16px 22px;
  border:3px solid rgba(224,244,255,.38);
  border-bottom-color:rgba(231,190,93,.36);
  border-radius:50% 50% 18% 18% / 62% 62% 15% 15%;
  background:
    radial-gradient(ellipse at 50% 10%,rgba(255,255,255,.20),transparent 27%),
    linear-gradient(105deg,rgba(255,255,255,.07),rgba(150,220,235,.10) 43%,rgba(255,255,255,.025) 70%,rgba(75,155,175,.08));
  box-shadow:
    inset 15px 0 22px rgba(255,255,255,.11),
    inset -16px -10px 24px rgba(45,155,180,.07),
    0 0 25px rgba(195,235,245,.10);
}
.p360-cup-glass:before{
  left:13%;right:13%;top:10%;height:65%;
  border-radius:50%;
  border-top:2px solid rgba(255,255,255,.28);
  border-left:1px solid rgba(255,255,255,.10);
  filter:blur(.15px);
}
.p360-cup-glass:after{
  content:"";position:absolute;left:8%;top:12%;width:14%;height:62%;
  border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,.23),transparent);
  filter:blur(3px);opacity:.65;
}
.p360-cup-handle{top:-13px;width:92px;height:46px;border-width:5px;border-color:rgba(220,242,247,.30);}
.p360-cup-rim{
  z-index:10;bottom:9px;width:255px;height:39px;
  border:4px solid rgba(223,188,104,.55);
  background:linear-gradient(180deg,rgba(245,214,132,.20),rgba(100,63,19,.18));
  box-shadow:0 0 16px rgba(229,184,71,.16), inset 0 3px 8px rgba(255,242,185,.18);
}
.p360-cup-base{
  position:absolute;z-index:9;left:50%;bottom:0;width:286px;height:34px;
  transform:translateX(-50%);border-radius:50%;
  background:linear-gradient(180deg,#e1b65c 0%,#a97020 52%,#704513 100%);
  border:2px solid rgba(255,226,148,.65);
  box-shadow:0 8px 16px rgba(0,0,0,.35),inset 0 3px 6px rgba(255,245,190,.30);
}
.p360-cup-base:before{
  content:"";position:absolute;left:7%;right:7%;top:4px;height:12px;border-radius:50%;
  border:2px solid rgba(255,231,156,.36);box-shadow:inset 0 2px 4px rgba(85,44,8,.28);
}
.p360-glass-highlight{
  position:absolute;z-index:11;left:23%;top:20px;width:20px;height:105px;border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(255,255,255,.04));
  filter:blur(3px);opacity:.55;transform:rotate(5deg);
}

.p360-dice-cubes{z-index:6;gap:34px;min-height:125px;transform:translateY(-1px);}
.p360-die-shell{width:94px;height:94px;}
.p360-die{--s:76px;left:9px;top:9px;}
.p360-face{
  border-radius:19px;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.24),transparent 22%),
    linear-gradient(145deg,#e84a4a 0%,#b20f18 46%,#72070d 100%);
  border:2px solid rgba(255,218,218,.55);
  box-shadow:
    inset 8px 7px 12px rgba(255,255,255,.10),
    inset -9px -9px 15px rgba(70,0,0,.30),
    0 5px 13px rgba(35,0,0,.45);
}
.p360-die-b .p360-face{
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.24),transparent 22%),
    linear-gradient(145deg,#ef5555 0%,#bd111b 46%,#79070e 100%);
}
.p360-face .pip{
  width:11px;height:11px;
  background:radial-gradient(circle at 34% 28%,#fff 0,#fff8ed 42%,#e9d7c5 78%,#c2ad9d 100%);
  box-shadow:0 1px 4px rgba(52,0,0,.85),inset 0 0 3px rgba(255,255,255,.9);
}
.p360-dice-cubes .p360-die-shell.p360-die-a{transform:rotate(-9deg) translateY(3px)}
.p360-dice-cubes .p360-die-shell.p360-die-b{transform:rotate(11deg) translateY(8px)}
.p360-roll-table:not(.rolling) .p360-die-shell{filter:drop-shadow(0 7px 6px rgba(0,0,0,.34));}
.p360-roll-table.result-reveal .p360-die-shell{filter:drop-shadow(0 0 15px rgba(255,68,72,.28));}

@keyframes p360CupShake{
  0%{transform:translateX(-50%) rotate(-3deg) translateY(-2px)}
  20%{transform:translateX(calc(-50% + 16px)) rotate(5deg) translateY(-9px)}
  40%{transform:translateX(calc(-50% - 19px)) rotate(-7deg) translateY(1px)}
  60%{transform:translateX(calc(-50% + 18px)) rotate(6deg) translateY(-10px)}
  80%{transform:translateX(calc(-50% - 12px)) rotate(-5deg) translateY(-1px)}
  100%{transform:translateX(-50%) rotate(-3deg) translateY(-2px)}
}
@media (max-width:520px){
  .p360-shaker-cup{width:252px;height:156px}
  .p360-cup-rim{width:222px}
  .p360-cup-base{width:246px}
  .p360-dice-cubes{gap:22px}
  .p360-die-shell{width:82px;height:82px}
  .p360-die{--s:66px;left:8px;top:8px}
  .p360-face .pip{width:9px;height:9px}
}
/* v1.6.0 — casino rule board, red dice, glass-dome shuffle */
.p360-roll-table{background:radial-gradient(ellipse at 50% 78%,rgba(214,165,61,.13),rgba(36,18,49,.18) 38%,transparent 72%);}
.p360-shaker-cup{pointer-events:none;}
.p360-dice-cubes{z-index:5;}
.p360-roll-status{position:absolute;z-index:12;left:50%;bottom:8px;transform:translateX(-50%);font-size:9px;font-weight:900;letter-spacing:.14em;color:#f0dfb0;text-shadow:0 1px 3px #000;white-space:nowrap;}
.p360-roll-table.rolling .p360-roll-status{color:#fff1c6;animation:p360StatusPulse .55s ease-in-out infinite alternate;}
.p360-roll-table.rolling .p360-shaker-cup{animation:p360DomeShake .22s cubic-bezier(.36,.07,.19,.97) infinite;}
.p360-roll-table.rolling .p360-cup-glass{box-shadow:inset 14px 0 22px rgba(255,255,255,.16),inset -14px -8px 25px rgba(38,183,195,.10),0 0 32px rgba(255,238,195,.16);}
.p360-roll-table.rolling .p360-die-shell.p360-die-a{animation:p360InsideBounceA .48s ease-in-out infinite;}
.p360-roll-table.rolling .p360-die-shell.p360-die-b{animation:p360InsideBounceB .43s ease-in-out infinite .07s;}
.p360-die.rolling{animation:p360FastTumble .31s linear infinite!important;}
.p360-roll-table.result-reveal .p360-shaker-cup{animation:p360DomeSettle .5s ease-out both;}
.p360-roll-table.result-reveal .p360-die-shell{animation:p360DiceSettle .52s cubic-bezier(.2,.8,.2,1) both;}
.p360-roll-table.result-reveal .p360-die-shell.p360-die-b{animation-delay:.05s;}
.p360-category-grid{display:grid;grid-template-columns:1.25fr .9fr 1.15fr .9fr 1.25fr;gap:7px;margin-top:12px;}
.p360-category-grid .p360-choice{min-height:74px;background:linear-gradient(180deg,#fff9e9,#ece3c9);color:#2b2117;border-color:#d7c39a;border-radius:10px;box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(0,0,0,.2);}
.p360-category-grid .p360-choice strong{font-size:13px;color:#251d18;}
.p360-category-grid .p360-choice span{color:#66594b;font-size:9px;line-height:1.15;}
.p360-category-grid .p360-choice small{color:#8b3b19;font-size:10px;}
.p360-category-grid .p360-choice.selected,.p360-sum-choice.selected{outline:2px solid #e0a52d;background:#fff1bd;}
.p360-section-title{margin:16px 0 7px;text-align:center;color:#d8cda9;font-size:10px;font-weight:900;letter-spacing:.14em;}
.p360-section-title span{font-weight:500;color:#8e876f;letter-spacing:0;font-size:9px;margin-left:4px;}
.p360-sum-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
.p360-sum-choice{min-height:62px;padding:8px 3px;border-radius:9px;background:linear-gradient(180deg,#fff9eb,#e8ddc2);color:#271f19;border:1px solid #d3be91;box-shadow:inset 0 1px 0 #fff,0 2px 7px rgba(0,0,0,.16);}
.p360-sum-choice strong{font-family:Georgia,serif;font-size:19px;line-height:1;}
.p360-sum-choice span{font-size:7px;color:#756858;margin-top:3px;}
.p360-sum-choice small{font-size:9px;color:#292119;font-weight:900;margin-top:2px;}
.p360-controls{grid-template-columns:1fr 1.25fr .9fr .9fr;}
#p360-sound{background:#221c35;color:#e9dfc7;border:1px solid #6f5d3e;box-shadow:none;font-size:11px;}
.p360-row em.win{color:#5de0a4;font-weight:800}.p360-row em.loss{color:#ff8d9b;font-weight:700}
@keyframes p360DomeShake{0%{transform:translateX(-50%) rotate(0) translateY(0)}25%{transform:translateX(calc(-50% + 3px)) rotate(.7deg) translateY(-2px)}50%{transform:translateX(calc(-50% - 3px)) rotate(-.8deg) translateY(0)}75%{transform:translateX(calc(-50% + 2px)) rotate(.6deg) translateY(-1px)}100%{transform:translateX(-50%) rotate(0) translateY(0)}}
@keyframes p360InsideBounceA{0%,100%{transform:rotate(-10deg) translate(-5px,7px)}18%{transform:rotate(38deg) translate(-28px,-10px)}36%{transform:rotate(115deg) translate(12px,-30px)}54%{transform:rotate(190deg) translate(28px,-5px)}72%{transform:rotate(278deg) translate(-12px,-24px)}}
@keyframes p360InsideBounceB{0%,100%{transform:rotate(11deg) translate(7px,9px)}20%{transform:rotate(-32deg) translate(28px,-20px)}40%{transform:rotate(-112deg) translate(-14px,-31px)}60%{transform:rotate(-205deg) translate(-30px,-2px)}80%{transform:rotate(-295deg) translate(10px,-22px)}}
@keyframes p360FastTumble{0%{transform:rotateX(0) rotateY(0) rotateZ(0)}25%{transform:rotateX(130deg) rotateY(170deg) rotateZ(30deg)}50%{transform:rotateX(300deg) rotateY(370deg) rotateZ(-25deg)}75%{transform:rotateX(480deg) rotateY(560deg) rotateZ(22deg)}100%{transform:rotateX(680deg) rotateY(760deg) rotateZ(-10deg)}}
@keyframes p360DomeSettle{0%{transform:translateX(-50%) rotate(1deg)}100%{transform:translateX(-50%) rotate(0)}}
@keyframes p360DiceSettle{0%{transform:translateY(-14px) scale(1.02)}60%{transform:translateY(3px) scale(.98)}100%{transform:translateY(0) scale(1)}}
@keyframes p360StatusPulse{from{opacity:.55}to{opacity:1}}
@media(max-width:720px){.p360-category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.p360-category-grid .p360-choice{padding:8px 3px;min-height:70px}.p360-category-grid .p360-choice strong{font-size:10px}.p360-category-grid .p360-choice span{font-size:7px}.p360-sum-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.p360-sum-choice{min-height:55px}.p360-sum-choice strong{font-size:15px}.p360-sum-choice small{font-size:7px}.p360-controls{grid-template-columns:1fr 1fr}.p360-controls #p360-sound{grid-column:1/-1}}
@media(max-width:470px){.p360-category-grid{grid-template-columns:repeat(5,1fr)}.p360-category-grid .p360-choice{min-height:64px}.p360-sum-choice{min-height:50px}.p360-sum-choice strong{font-size:13px}.p360-sum-choice span{font-size:6px}.p360-sum-choice small{font-size:6px}.p360-shaker-cup{transform:translateX(-50%) scale(.86);transform-origin:50% 90%}.p360-roll-table.rolling .p360-shaker-cup{animation-name:p360DomeShakeMobile}.p360-die-shell{width:78px;height:78px}.p360-die{--s:64px;left:7px;top:7px}}
@keyframes p360DomeShakeMobile{0%,100%{transform:translateX(-50%) rotate(0)}25%{transform:translateX(calc(-50% + 2px)) rotate(.6deg) translateY(-1px)}50%{transform:translateX(calc(-50% - 2px)) rotate(-.6deg)}75%{transform:translateX(calc(-50% + 2px)) rotate(.5deg) translateY(-1px)}}
/* v1.7.2 — transparent side user/activity panels; center game design unchanged */
.p360-dice-wrap > .p360-bet-panels{position:absolute;z-index:20;left:10px;right:10px;top:286px;display:grid;grid-template-columns:190px 190px;justify-content:space-between;gap:0;pointer-events:none;margin:0;}
.p360-live-panel,.p360-my-panel{pointer-events:auto;min-width:0;min-height:175px;max-height:205px;overflow:hidden;padding:10px 11px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(8,7,22,.12);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(3px);box-shadow:inset 0 0 30px rgba(255,255,255,.015);}
.p360-history-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;color:#eee8fa;font-size:9px;letter-spacing:.12em;}
.p360-history-title small{font-size:7px;color:#8f89a8;letter-spacing:.08em;}
.p360-demo-note{font-size:8px;line-height:1.25;color:#77718d;margin:4px 0 6px}.p360-demo-note b{color:#a97bff}
.p360-live-row,.p360-current-row{display:grid;grid-template-columns:1.25fr .9fr .65fr;gap:5px;align-items:center;padding:5px 3px;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px;background:rgba(255,255,255,.012)}
.p360-live-row span,.p360-current-row span{color:#d9d3e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p360-live-row b,.p360-current-row b{color:#eee6c9}.p360-live-row em,.p360-current-row em{text-align:right;color:#b5aec7;font-style:normal}.p360-live-row small{font-size:6px;color:#d9aa43;border:1px solid rgba(217,170,67,.55);border-radius:4px;padding:1px 3px}.p360-live-row.yours{background:rgba(120,67,255,.10);border-radius:6px}.p360-live-row.yours span{color:#a97bff;font-weight:900}
.p360-current-bets{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);font-size:8px;color:#8e879f}.p360-current-bets strong,.p360-activity-block>strong{font-size:7px;letter-spacing:.12em;color:#aaa2bd}.p360-current-row{grid-template-columns:.5fr 1fr .7fr .6fr}.p360-current-row em{font-size:7px}
.p360-activity-block{margin-top:7px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.p360-activity-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:4px 2px;border-bottom:1px solid rgba(255,255,255,.04);font-size:8px;color:#9d96af}.p360-activity-row b{color:#c9c1d8}.p360-activity-row em{font-style:normal;color:#7e7791}
@media(max-width:900px){.p360-dice-wrap > .p360-bet-panels{grid-template-columns:175px 175px;top:286px}}
@media(max-width:720px){.p360-dice-wrap > .p360-bet-panels{position:relative;left:auto;right:auto;top:auto;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;pointer-events:auto}.p360-live-panel,.p360-my-panel{min-height:145px;max-height:180px;padding:8px;background:rgba(8,7,22,.22)}.p360-live-row,.p360-current-row{font-size:8px;padding:4px 2px}.p360-history-title{font-size:8px}.p360-history-title small{font-size:6px}.p360-demo-note{font-size:7px}}
@media(max-width:470px){.p360-dice-wrap > .p360-bet-panels{grid-template-columns:1fr}.p360-live-panel,.p360-my-panel{max-height:170px}}

/* v1.7.1 — translucent decorative dice beside the glass dome */
.p360-stage{overflow:hidden;}
.p360-side-die{position:absolute;z-index:2;width:76px;height:76px;border-radius:18px;pointer-events:none;opacity:.22;filter:blur(.15px);background:linear-gradient(145deg,rgba(255,105,105,.72),rgba(145,25,35,.50));border:2px solid rgba(255,255,255,.34);box-shadow:inset 8px 7px 18px rgba(255,255,255,.16),inset -8px -10px 18px rgba(50,0,0,.20),0 0 25px rgba(255,90,100,.14);transform-style:preserve-3d;}
.p360-side-die:after{content:"";position:absolute;inset:5px;border-radius:14px;border:1px solid rgba(255,255,255,.20);}
.p360-side-die-left{left:5%;top:42%;transform:rotate(-24deg) translateY(-50%);animation:p360SideFloatL 4.6s ease-in-out infinite;}
.p360-side-die-right{right:5%;top:42%;transform:rotate(22deg) translateY(-50%);animation:p360SideFloatR 4.1s ease-in-out infinite;}
.p360-side-pip{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,245,245,.55) 45%,rgba(255,255,255,.20));box-shadow:0 1px 5px rgba(30,0,0,.35);}
.p360-side-pip.p1{left:20%;top:20%}.p360-side-pip.p2{left:50%;top:50%;transform:translate(-50%,-50%)}.p360-side-pip.p3{right:20%;bottom:20%}
.p360-roll-table.rolling ~ .p360-side-die{}
@keyframes p360SideFloatL{0%,100%{margin-top:0;transform:rotate(-24deg) translateY(-50%)}50%{margin-top:-7px;transform:rotate(-18deg) translateY(-50%)}}
@keyframes p360SideFloatR{0%,100%{margin-top:0;transform:rotate(22deg) translateY(-50%)}50%{margin-top:8px;transform:rotate(16deg) translateY(-50%)}}
@media(max-width:720px){.p360-side-die{width:48px;height:48px;border-radius:12px;opacity:.14}.p360-side-pip{width:7px;height:7px}.p360-side-die-left{left:-2%}.p360-side-die-right{right:-2%}}
@media(prefers-reduced-motion:reduce){.p360-side-die{animation:none}}
/* v1.8.0 — coin bet display, outcome popups, last 30 completed games */
.p360-bet-coins{color:#f2d46f!important;font-weight:900;text-shadow:0 1px 5px rgba(242,212,111,.18);}
.p360-last-games{margin-top:16px;padding:12px 0 4px;border-top:1px solid rgba(255,255,255,.07);}
.p360-last-games-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-top:8px;}
.p360-game-card{min-width:0;min-height:70px;padding:7px 4px 6px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(8,7,22,.30);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:inset 0 0 16px rgba(255,255,255,.015);}
.p360-game-card .game-no{font-size:7px;color:#77718c;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.p360-game-card .mini-dice{display:flex;gap:3px;}
.p360-game-card .mini-dice b{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(145deg,#e84a4a,#970d15);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:9px;box-shadow:0 2px 5px rgba(0,0,0,.25);}
.p360-game-card>strong{font-size:13px;color:#f6ead0;line-height:1;}.p360-game-card>small{font-size:6px;letter-spacing:.08em;color:#aaa2bd;}
.p360-game-card.triple{border-color:rgba(224,165,45,.42);background:rgba(224,165,45,.08)}
.p360-game-card.big{border-color:rgba(115,92,255,.22)}
.p360-game-card.small{border-color:rgba(255,255,255,.08)}
.p360-empty{padding:12px;text-align:center;color:#7f7890;font-size:9px;grid-column:1/-1;}
.p360-result-popup{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(3,2,12,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.p360-result-popup[hidden]{display:none!important;}
.p360-popup-card{width:min(360px,calc(100vw - 36px));padding:28px 24px 22px;border:1px solid rgba(255,255,255,.16);border-radius:22px;text-align:center;background:linear-gradient(180deg,rgba(32,23,67,.98),rgba(10,8,26,.98));box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 35px rgba(130,75,255,.18);animation:p360PopupIn .28s ease-out both;}
.p360-popup-icon{font-size:46px;line-height:1;margin-bottom:10px}.p360-popup-card h3{margin:0 0 8px;color:#fff4d8;font-size:25px}.p360-popup-card p{margin:0 0 18px;color:#bcb4cf;font-size:12px;line-height:1.5}.p360-popup-card button{min-height:42px;padding:0 24px;border:0;border-radius:10px;background:#8c4dff;color:#fff;font-weight:900;letter-spacing:.08em;cursor:pointer}.p360-result-popup.loss .p360-popup-card{border-color:rgba(255,121,145,.28)}.p360-result-popup.loss .p360-popup-card button{background:#5a435d}.p360-result-popup.win .p360-popup-card{border-color:rgba(224,165,45,.42);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 42px rgba(224,165,45,.18)}
@keyframes p360PopupIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.p360-last-games-grid{grid-template-columns:repeat(6,minmax(0,1fr));}}
@media(max-width:520px){.p360-last-games-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.p360-game-card{min-height:64px}.p360-game-card .mini-dice b{width:16px;height:16px;font-size:8px}.p360-game-card>strong{font-size:12px}.p360-popup-card{padding:24px 18px 18px}}


/* v1.9.0 — three dice, 45s open / 10s closing / 5s closed, server connection lock */
.p360-dice-wrap{position:relative;}
.p360-round-strip{position:relative;}
.p360-connection{font-weight:900;letter-spacing:.06em;}
.p360-connection.connected{color:#62e6a4;}
.p360-connection.disconnected{color:#ff647b;animation:p360ConnectionPulse 1s ease-in-out infinite;}
@keyframes p360ConnectionPulse{50%{opacity:.45}}
.p360-bet-phase{
  display:flex;align-items:center;justify-content:center;gap:8px;min-height:30px;margin:7px auto 4px;
  padding:6px 12px;width:max-content;max-width:95%;border-radius:999px;border:1px solid rgba(98,230,164,.28);
  background:rgba(38,195,120,.09);color:#62e6a4;box-shadow:0 0 18px rgba(55,220,140,.06);
}
.p360-bet-phase b{font-size:10px;letter-spacing:.12em}.p360-bet-phase small{font-size:8px;opacity:.75;letter-spacing:.05em}
.p360-phase-spinner{width:11px;height:11px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:p360Spin .8s linear infinite}
.p360-bet-phase.closing{color:#f0c84b;border-color:rgba(240,200,75,.34);background:rgba(240,200,75,.09);box-shadow:0 0 18px rgba(240,200,75,.07)}
.p360-bet-phase.closed{color:#ff647b;border-color:rgba(255,100,123,.34);background:rgba(255,100,123,.09);box-shadow:0 0 18px rgba(255,100,123,.07)}
.p360-bet-phase.closed .p360-phase-spinner{animation:none;border:2px solid currentColor;border-radius:3px;transform:rotate(45deg)}
@keyframes p360Spin{to{transform:rotate(360deg)}}

.p360-dice-cubes{gap:24px;}
.p360-die-shell.p360-die-c{transform:rotate(-6deg) translateY(2px);}
.p360-die-shell.p360-die-c .p360-die{filter:brightness(.98);}
.p360-die-shell.p360-die-c .p360-face{
  background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.24),transparent 22%),
  linear-gradient(145deg,#ef5555 0%,#c21922 46%,#79070e 100%);
}
.p360-die-shell.p360-die-c.rolling{animation:p360DieBounceC .54s ease-in-out infinite}
@keyframes p360DieBounceC{0%,100%{transform:rotate(-6deg) translateY(2px)}25%{transform:rotate(16deg) translateY(-24px) translateX(-7px)}50%{transform:rotate(-18deg) translateY(-11px) translateX(9px)}75%{transform:rotate(8deg) translateY(-27px) translateX(3px)}}

.p360-roll-table.closing-shake:before{animation:p360ShadowPulse .30s ease-in-out infinite}
.p360-roll-table.closing-shake:after{animation:p360RingPulse .42s ease-in-out infinite}
.p360-roll-table.closing-shake .p360-shaker-cup{animation:p360CupShake .22s cubic-bezier(.36,.07,.19,.97) infinite}
.p360-roll-table.closing-shake .p360-die-shell.p360-die-a{animation:p360DieBounceA .34s ease-in-out infinite}
.p360-roll-table.closing-shake .p360-die-shell.p360-die-b{animation:p360DieBounceB .31s ease-in-out infinite}
.p360-roll-table.closing-shake .p360-die-shell.p360-die-c{animation:p360DieBounceC .33s ease-in-out infinite}
.p360-roll-table.closing-shake .p360-die{animation:p360DiceTumble .24s linear infinite}
.p360-roll-table.closing-shake .p360-die-shell.p360-die-b .p360-die{animation-delay:.04s}
.p360-roll-table.closing-shake .p360-die-shell.p360-die-c .p360-die{animation-delay:.08s}

.p360-choice{position:relative;}
.p360-choice.has-bet{border-color:rgba(242,212,111,.7);box-shadow:0 0 18px rgba(242,212,111,.10),inset 0 0 20px rgba(255,255,255,.05);}
.p360-choice-coin,.p360-choice-preview{
  display:block!important;margin-top:6px!important;font-size:9px!important;font-style:normal!important;color:#f2d46f!important;
  font-weight:900!important;letter-spacing:.02em!important;
}
.p360-choice-preview{opacity:.8;}
.p360-dice-wrap.server-stopped .p360-stage{filter:saturate(.65);opacity:.82;}
.p360-dice-wrap.server-stopped .p360-choice{cursor:not-allowed;opacity:.42;}
.p360-dice-wrap.server-stopped:after{
  content:"SERVER DISCONNECTED • GAME STOPPED";position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);
  z-index:500;padding:11px 16px;border:1px solid rgba(255,100,123,.5);border-radius:12px;
  background:rgba(35,5,16,.88);color:#ff8798;font-size:11px;font-weight:900;letter-spacing:.08em;
  box-shadow:0 10px 35px rgba(0,0,0,.35);pointer-events:none;
}

/* Popup is centered over the dice/glass, not the whole browser */
.p360-stage .p360-result-popup{
  position:absolute;inset:0;z-index:100;display:grid;place-items:center;padding:10px;
  background:rgba(3,2,12,.20);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
.p360-stage .p360-result-popup .p360-popup-card{
  width:min(310px,78%);padding:18px 18px 15px;border-radius:18px;
  background:linear-gradient(180deg,rgba(32,23,67,.95),rgba(10,8,26,.96));
}
.p360-stage .p360-result-popup .p360-popup-icon{font-size:34px;margin-bottom:5px}
.p360-stage .p360-result-popup .p360-popup-card h3{font-size:20px;margin-bottom:5px}
.p360-stage .p360-result-popup .p360-popup-card p{font-size:10px;margin-bottom:10px}
.p360-stage .p360-result-popup .p360-popup-card button{min-height:34px;padding:0 18px;font-size:10px}

.p360-last-games-grid{grid-template-columns:repeat(10,minmax(0,1fr));}
.p360-game-card .mini-dice b{font-size:8px;}
@media(max-width:900px){.p360-dice-cubes{gap:15px}.p360-last-games-grid{grid-template-columns:repeat(6,minmax(0,1fr));}}
@media(max-width:600px){
  .p360-dice-cubes{gap:8px;transform:scale(.88);}
  .p360-die-shell{width:72px;height:72px}.p360-die{--s:60px;left:6px;top:6px}
  .p360-bet-phase{flex-wrap:wrap;gap:5px;padding:5px 9px}.p360-bet-phase small{width:100%;text-align:center}
}
@media(max-width:470px){
  .p360-dice-cubes{gap:2px;transform:scale(.76);}
  .p360-stage .p360-result-popup .p360-popup-card{width:82%}
}
@media(prefers-reduced-motion:reduce){
  .p360-phase-spinner,.p360-roll-table.closing-shake .p360-die,.p360-roll-table.closing-shake .p360-shaker-cup,
  .p360-roll-table.closing-shake .p360-die-shell{animation:none!important}
}


/* v1.9.1 — compact three-dice glass fit + 20s open / 35s closing / 5s closed */
.p360-dice-cubes{
  z-index:6!important;
  gap:8px!important;
  min-height:92px!important;
  width:100%!important;
  max-width:210px!important;
  margin:0 auto!important;
  align-items:center!important;
}
.p360-die-shell,
.p360-die-shell.p360-die-a,
.p360-die-shell.p360-die-b,
.p360-die-shell.p360-die-c{
  width:60px!important;
  height:60px!important;
  flex:0 0 60px!important;
  margin:0!important;
}
.p360-die-shell.p360-die-a{transform:rotate(-7deg) translateY(3px)!important}
.p360-die-shell.p360-die-b{transform:rotate(2deg) translateY(-2px)!important}
.p360-die-shell.p360-die-c{transform:rotate(7deg) translateY(3px)!important}
.p360-die{
  --s:50px!important;
  left:5px!important;
  top:5px!important;
}
.p360-face{border-radius:12px!important}
.p360-face .pip{width:7px!important;height:7px!important}
.p360-shaker-cup{width:250px!important;height:145px!important;z-index:5!important}
.p360-roll-table{overflow:visible!important}
.p360-bet-phase.open{color:#62e6a4}
.p360-bet-phase.closing{color:#f0c84b}
.p360-bet-phase.closed{color:#ff647b}
.p360-roll-table.closing-shake .p360-dice-cubes{animation:p360ThreeDiceTray .18s linear infinite}
@keyframes p360ThreeDiceTray{
  0%,100%{transform:translateX(0) rotate(0deg)}
  25%{transform:translateX(-3px) rotate(-1deg)}
  75%{transform:translateX(3px) rotate(1deg)}
}
.p360-roll-table.closing-shake .p360-die-shell.p360-die-a{animation:p360DieBounceA .24s ease-in-out infinite!important}
.p360-roll-table.closing-shake .p360-die-shell.p360-die-b{animation:p360DieBounceB .21s ease-in-out infinite!important}
.p360-roll-table.closing-shake .p360-die-shell.p360-die-c{animation:p360DieBounceC .23s ease-in-out infinite!important}
.p360-roll-table.closing-shake .p360-die{animation:p360DiceTumble .18s linear infinite!important}
@media(max-width:600px){
  .p360-dice-cubes{gap:4px!important;max-width:190px!important;transform:none!important}
  .p360-die-shell,.p360-die-shell.p360-die-a,.p360-die-shell.p360-die-b,.p360-die-shell.p360-die-c{width:54px!important;height:54px!important;flex-basis:54px!important}
  .p360-die{--s:44px!important;left:5px!important;top:5px!important}
  .p360-face .pip{width:6px!important;height:6px!important}
  .p360-shaker-cup{transform:translateX(-50%) scale(.9)!important}
}

/* v1.9.2 — force all three dice visible inside the glass + readable bet coin amount */
.p360-roll-table{position:relative!important;overflow:visible!important;}
.p360-dice-cubes{
  position:absolute!important;
  left:50%!important;
  top:26px!important;
  transform:translateX(-50%)!important;
  width:214px!important;
  max-width:none!important;
  height:72px!important;
  min-height:72px!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  margin:0!important;
  z-index:20!important;
  visibility:visible!important;
  opacity:1!important;
}
.p360-die-shell,
.p360-die-shell.p360-die-a,
.p360-die-shell.p360-die-b,
.p360-die-shell.p360-die-c{
  position:relative!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  flex:0 0 62px!important;
  margin:0!important;
}
.p360-die-shell.p360-die-a{transform:rotate(-8deg) translateY(3px)!important;}
.p360-die-shell.p360-die-b{transform:rotate(0deg) translateY(-2px)!important;}
.p360-die-shell.p360-die-c{transform:rotate(8deg) translateY(3px)!important;}
.p360-die{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  --s:52px!important;
  left:5px!important;
  top:5px!important;
  z-index:21!important;
}
.p360-die-shell.p360-die-c .p360-die{display:block!important;visibility:visible!important;opacity:1!important;}
.p360-cup-glass,.p360-cup-rim{z-index:5!important;}
.p360-shaker-cup{z-index:10!important;pointer-events:none!important;}
.p360-dice-cubes .p360-die-shell:nth-child(1),
.p360-dice-cubes .p360-die-shell:nth-child(2),
.p360-dice-cubes .p360-die-shell:nth-child(3){display:block!important;visibility:visible!important;opacity:1!important;}
.p360-choice-coin,.p360-choice-preview{
  display:block!important;
  width:calc(100% - 12px)!important;
  box-sizing:border-box!important;
  margin:8px auto 0!important;
  padding:5px 6px!important;
  border-radius:7px!important;
  background:rgba(242,212,111,.14)!important;
  border:1px solid rgba(242,212,111,.38)!important;
  color:#ffe58a!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.p360-choice-preview{opacity:1!important;}
@media(max-width:600px){
  .p360-dice-cubes{width:190px!important;top:29px!important;gap:3px!important;}
  .p360-die-shell,.p360-die-shell.p360-die-a,.p360-die-shell.p360-die-b,.p360-die-shell.p360-die-c{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;flex-basis:56px!important;}
  .p360-die{--s:46px!important;left:5px!important;top:5px!important;}
  .p360-choice-coin,.p360-choice-preview{font-size:13px!important;padding:4px 4px!important;}
}

/* v1.9.3 — compact, guaranteed three-dice layout + large bet amount */
.p360-dice-cubes{
  position:absolute!important;
  left:50%!important;
  top:34px!important;
  width:174px!important;
  height:54px!important;
  transform:translateX(-50%)!important;
  display:block!important;
  z-index:30!important;
  overflow:visible!important;
}
.p360-dice-cubes .p360-die-shell,
.p360-dice-cubes .p360-die-shell.p360-die-a,
.p360-dice-cubes .p360-die-shell.p360-die-b,
.p360-dice-cubes .p360-die-shell.p360-die-c{
  position:absolute!important;
  top:0!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  flex:none!important;
  margin:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  z-index:31!important;
}
.p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;transform:rotate(-7deg)!important;}
.p360-dice-cubes .p360-die-shell:nth-child(2){left:62px!important;top:-5px!important;transform:rotate(1deg)!important;}
.p360-dice-cubes .p360-die-shell:nth-child(3){left:124px!important;transform:rotate(7deg)!important;}
.p360-dice-cubes .p360-die{
  --s:42px!important;
  left:4px!important;
  top:4px!important;
  width:42px!important;
  height:42px!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:32!important;
}
.p360-dice-cubes .p360-face{border-radius:11px!important;}
.p360-dice-cubes .p360-face .pip{width:6px!important;height:6px!important;}
.p360-cup-glass,.p360-cup-rim{z-index:5!important;}
.p360-shaker-cup{z-index:10!important;}
.p360-cup-base{z-index:9!important;}
.p360-choice-coin,.p360-choice-preview{
  font-size:36px!important;
  line-height:1!important;
  font-weight:900!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 8px!important;
  margin:8px auto 0!important;
  width:calc(100% - 10px)!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}
@media(max-width:600px){
  .p360-dice-cubes{width:156px!important;height:48px!important;top:37px!important;}
  .p360-dice-cubes .p360-die-shell,.p360-dice-cubes .p360-die-shell.p360-die-a,.p360-dice-cubes .p360-die-shell.p360-die-b,.p360-dice-cubes .p360-die-shell.p360-die-c{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;}
  .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;}
  .p360-dice-cubes .p360-die-shell:nth-child(2){left:56px!important;}
  .p360-dice-cubes .p360-die-shell:nth-child(3){left:112px!important;}
  .p360-dice-cubes .p360-die{--s:36px!important;width:36px!important;height:36px!important;left:4px!important;top:4px!important;}
  .p360-dice-cubes .p360-face .pip{width:5px!important;height:5px!important;}
  .p360-choice-coin,.p360-choice-preview{font-size:28px!important;min-height:36px!important;}
}


/* v1.9.4 — guaranteed visible three-dice result faces + clear bet reset */
.p360-dice-cubes{width:180px!important;max-width:180px!important;height:58px!important;top:31px!important;display:block!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;z-index:60!important;overflow:visible!important;}
.p360-dice-cubes .p360-die-shell,
.p360-dice-cubes .p360-die-shell.p360-die-a,
.p360-dice-cubes .p360-die-shell.p360-die-b,
.p360-dice-cubes .p360-die-shell.p360-die-c{
 position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;flex:none!important;top:0!important;margin:0!important;transform-style:preserve-3d!important;z-index:61!important;
}
.p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;transform:rotate(-7deg)!important}
.p360-dice-cubes .p360-die-shell:nth-child(2){left:64px!important;top:-3px!important;transform:rotate(0deg)!important}
.p360-dice-cubes .p360-die-shell:nth-child(3){left:128px!important;transform:rotate(7deg)!important}
.p360-dice-cubes .p360-die{--s:44px!important;width:44px!important;height:44px!important;left:4px!important;top:4px!important;z-index:62!important;display:block!important;visibility:visible!important;opacity:1!important}
.p360-result-face{position:absolute!important;left:4px!important;top:4px!important;width:44px!important;height:44px!important;z-index:90!important;border-radius:10px!important;background:linear-gradient(145deg,#ef5555 0%,#c21922 48%,#79070e 100%)!important;border:2px solid rgba(255,218,218,.62)!important;box-shadow:inset 5px 4px 8px rgba(255,255,255,.10),inset -6px -7px 10px rgba(70,0,0,.30),0 5px 10px rgba(35,0,0,.42)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;pointer-events:none!important;opacity:1!important}
.p360-result-face .pip{position:absolute;width:6px!important;height:6px!important;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0,#fff8ed 42%,#e9d7c5 78%,#c2ad9d 100%);box-shadow:0 1px 4px rgba(52,0,0,.85),inset 0 0 3px rgba(255,255,255,.9);transform:translate(-50%,-50%)}
.p360-result-face .pip.tl{left:22%;top:22%}.p360-result-face .pip.tr{left:78%;top:22%}.p360-result-face .pip.ml{left:22%;top:50%}.p360-result-face .pip.mr{left:78%;top:50%}.p360-result-face .pip.bl{left:22%;top:78%}.p360-result-face .pip.br{left:78%;top:78%}.p360-result-face .pip.c{left:50%;top:50%}
.p360-roll-table.rolling .p360-result-face{opacity:0!important}
.p360-roll-table.closing-shake .p360-result-face{opacity:0!important}
.p360-roll-table.result-reveal .p360-result-face{opacity:1!important}
.p360-choice-coin,.p360-choice-preview{font-size:36px!important;line-height:1!important;font-weight:900!important;color:#42e58a!important;text-shadow:0 1px 5px rgba(66,229,138,.28)!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:5px 8px!important;margin:8px auto 0!important;width:calc(100% - 10px)!important;box-sizing:border-box!important;white-space:nowrap!important;letter-spacing:0!important}
@media(max-width:600px){
 .p360-dice-cubes{width:156px!important;max-width:156px!important;top:35px!important;height:48px!important}
 .p360-dice-cubes .p360-die-shell,.p360-dice-cubes .p360-die-shell.p360-die-a,.p360-dice-cubes .p360-die-shell.p360-die-b,.p360-dice-cubes .p360-die-shell.p360-die-c{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important}
 .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important}.p360-dice-cubes .p360-die-shell:nth-child(2){left:56px!important}.p360-dice-cubes .p360-die-shell:nth-child(3){left:112px!important}
 .p360-dice-cubes .p360-die{--s:36px!important;width:36px!important;height:36px!important;left:4px!important;top:4px!important}
 .p360-result-face{width:36px!important;height:36px!important;left:4px!important;top:4px!important}.p360-result-face .pip{width:5px!important;height:5px!important}
 .p360-choice-coin,.p360-choice-preview{font-size:28px!important;min-height:36px!important;color:#42e58a!important}
}


/* v1.9.8 — place the three result dice inside the lower glass area and reduce size */
.p360-roll-table .p360-dice-cubes{
  position:absolute!important;
  left:50%!important;
  top:92px!important;
  width:156px!important;
  max-width:156px!important;
  height:50px!important;
  min-height:50px!important;
  transform:translateX(-50%)!important;
  display:block!important;
  overflow:visible!important;
  z-index:60!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-a,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-b,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-c{
  position:absolute!important;
  top:0!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  flex:none!important;
  margin:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:61!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;transform:rotate(-7deg)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:54px!important;top:-3px!important;transform:rotate(0deg)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:108px!important;transform:rotate(7deg)!important}
.p360-roll-table .p360-dice-cubes .p360-die{
  --s:40px!important;
  width:40px!important;
  height:40px!important;
  left:4px!important;
  top:4px!important;
  z-index:62!important;
}
.p360-roll-table .p360-dice-cubes .p360-result-face{
  width:40px!important;
  height:40px!important;
  left:4px!important;
  top:4px!important;
  border-radius:9px!important;
  z-index:90!important;
}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip{width:5px!important;height:5px!important}

@media(max-width:600px){
  .p360-roll-table .p360-dice-cubes{
    top:82px!important;
    width:132px!important;
    max-width:132px!important;
    height:44px!important;
    min-height:44px!important;
  }
  .p360-roll-table .p360-dice-cubes .p360-die-shell,
  .p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-a,
  .p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-b,
  .p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-c{
    width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;
  }
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:45px!important;top:-2px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:90px!important}
  .p360-roll-table .p360-dice-cubes .p360-die{--s:34px!important;width:34px!important;height:34px!important;left:4px!important;top:4px!important}
  .p360-roll-table .p360-dice-cubes .p360-result-face{width:34px!important;height:34px!important;left:4px!important;top:4px!important}
  .p360-roll-table .p360-dice-cubes .p360-result-face .pip{width:4px!important;height:4px!important}
}


/* v1.10.4 — hard guarantee that all three dice occupy their own visible slots. */
.p360-roll-table .p360-dice-cubes{
  position:absolute!important; left:50%!important; top:30px!important;
  width:198px!important; height:62px!important; max-width:none!important;
  display:block!important; transform:translateX(-50%)!important;
  overflow:visible!important; z-index:100!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell{
  position:absolute!important; top:0!important; width:58px!important; height:58px!important;
  min-width:58px!important; max-width:58px!important; flex:none!important;
  display:block!important; visibility:visible!important; opacity:1!important;
  z-index:101!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;transform:rotate(-7deg) translateY(3px)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:70px!important;transform:rotate(0deg) translateY(-2px)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:140px!important;transform:rotate(7deg) translateY(3px)!important}
.p360-roll-table .p360-dice-cubes .p360-die{
  position:absolute!important; display:block!important; visibility:visible!important; opacity:1!important;
  width:48px!important; height:48px!important; --s:48px!important; left:5px!important; top:5px!important;
  z-index:102!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3),
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3) .p360-die{
  display:block!important; visibility:visible!important; opacity:1!important;
}
.p360-roll-table .p360-shaker-cup{z-index:20!important}
.p360-roll-table .p360-cup-glass,.p360-roll-table .p360-cup-rim{z-index:21!important}
@media(max-width:600px){
  .p360-roll-table .p360-dice-cubes{width:174px!important;top:32px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:61px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:122px!important}
  .p360-roll-table .p360-dice-cubes .p360-die{width:42px!important;height:42px!important;--s:42px!important;left:5px!important;top:5px!important}
}


/* v1.10.5 — one authoritative visible face per die. The result-face is the exact
   server result; hidden 3-D faces can no longer leak a different pip count. */
.p360-roll-table .p360-dice-cubes .p360-die .p360-face{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.p360-roll-table .p360-dice-cubes .p360-result-face{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
.p360-roll-table.rolling .p360-dice-cubes .p360-result-face,
.p360-roll-table.closing-shake .p360-dice-cubes .p360-result-face{
  opacity:0!important;
}
.p360-roll-table.result-reveal .p360-dice-cubes .p360-result-face{
  opacity:1!important;
}

/* v1.10.6 — FINAL THREE-DICE VISIBILITY FIX
   Use one simple, flat result face for each die. This avoids 3-D face/cascade
   conflicts while keeping the existing shaker/glass presentation. */
.p360-roll-table .p360-dice-cubes{
  position:absolute!important;
  left:50%!important;
  top:22px!important;
  width:210px!important;
  height:70px!important;
  max-width:none!important;
  min-height:0!important;
  display:block!important;
  transform:translateX(-50%)!important;
  overflow:visible!important;
  z-index:200!important;
  pointer-events:none!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-a,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-b,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-c{
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  max-width:60px!important;
  top:0!important;
  margin:0!important;
  transform-style:flat!important;
  z-index:201!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;transform:rotate(-8deg)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:75px!important;top:-5px!important;transform:rotate(0deg)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:150px!important;transform:rotate(8deg)!important}
.p360-roll-table .p360-dice-cubes .p360-die{
  position:absolute!important;
  left:6px!important;
  top:6px!important;
  width:48px!important;
  height:48px!important;
  --s:48px!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  transform-style:flat!important;
  animation:none!important;
  z-index:202!important;
}
.p360-roll-table .p360-dice-cubes .p360-die .p360-face{display:none!important;visibility:hidden!important}
.p360-roll-table .p360-dice-cubes .p360-result-face{
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  left:0!important;
  top:0!important;
  width:48px!important;
  height:48px!important;
  box-sizing:border-box!important;
  z-index:250!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#ef5555 0%,#c91f29 50%,#7e0810 100%)!important;
  border:2px solid rgba(255,225,225,.78)!important;
  box-shadow:inset 5px 4px 9px rgba(255,255,255,.13),inset -6px -7px 11px rgba(50,0,0,.32),0 6px 14px rgba(20,0,0,.48)!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip{
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(20,0,0,.8),inset 0 0 2px rgba(255,255,255,.8)!important;
  transform:translate(-50%,-50%)!important;
}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip.tl{left:22%!important;top:22%!important}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip.tr{left:78%!important;top:22%!important}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip.ml{left:22%!important;top:50%!important}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip.mr{left:78%!important;top:50%!important}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip.bl{left:22%!important;top:78%!important}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip.br{left:78%!important;top:78%!important}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip.c{left:50%!important;top:50%!important}
.p360-roll-table.rolling .p360-dice-cubes .p360-result-face,
.p360-roll-table.closing-shake .p360-dice-cubes .p360-result-face{opacity:0!important}
.p360-roll-table.result-reveal .p360-dice-cubes .p360-result-face{opacity:1!important}
.p360-roll-table .p360-shaker-cup{z-index:20!important}
.p360-roll-table .p360-cup-glass,.p360-roll-table .p360-cup-rim{z-index:21!important}
@media(max-width:600px){
 .p360-roll-table .p360-dice-cubes{width:174px!important;top:25px!important;height:58px!important}
 .p360-roll-table .p360-dice-cubes .p360-die-shell{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important}
 .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important}
 .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:61px!important;top:-4px!important}
 .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:122px!important}
 .p360-roll-table .p360-dice-cubes .p360-die{width:42px!important;height:42px!important;--s:42px!important;left:5px!important;top:5px!important}
 .p360-roll-table .p360-dice-cubes .p360-result-face{width:42px!important;height:42px!important}
 .p360-roll-table .p360-dice-cubes .p360-result-face .pip{width:6px!important;height:6px!important}
}


/* v1.10.8 — keep all three dice visible while shaking
   The old 3D tumble animation could rotate the cubes edge-on/backface-hidden,
   making them appear to disappear during the shake. The shake now uses a
   2D wobble/translate only; the visible result face stays rendered. */
.p360-roll-table.rolling .p360-dice-cubes{
  visibility:visible!important;
  opacity:1!important;
  z-index:60!important;
}
.p360-roll-table.rolling .p360-die-shell,
.p360-roll-table.rolling .p360-die-shell.p360-die-a,
.p360-roll-table.rolling .p360-die-shell.p360-die-b,
.p360-roll-table.rolling .p360-die-shell.p360-die-c{
  visibility:visible!important;
  opacity:1!important;
  z-index:61!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
.p360-roll-table.rolling .p360-die{
  visibility:visible!important;
  opacity:1!important;
  z-index:62!important;
  transform-style:flat!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  animation:p360VisibleDiceShake .16s ease-in-out infinite!important;
}
.p360-roll-table.rolling .p360-die-shell.p360-die-a{
  animation:p360VisibleShellA .34s ease-in-out infinite!important;
}
.p360-roll-table.rolling .p360-die-shell.p360-die-b{
  animation:p360VisibleShellB .31s ease-in-out infinite!important;
}
.p360-roll-table.rolling .p360-die-shell.p360-die-c{
  animation:p360VisibleShellC .33s ease-in-out infinite!important;
}
@keyframes p360VisibleDiceShake{
  0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}
  25%{transform:translate3d(-3px,-2px,0) rotate(2deg)}
  50%{transform:translate3d(3px,1px,0) rotate(-3deg)}
  75%{transform:translate3d(-2px,2px,0) rotate(3deg)}
}
@keyframes p360VisibleShellA{
  0%,100%{transform:rotate(-7deg) translateY(3px)}
  50%{transform:rotate(-11deg) translateY(-5px)}
}
@keyframes p360VisibleShellB{
  0%,100%{transform:rotate(0deg) translateY(-2px)}
  50%{transform:rotate(7deg) translateY(-8px)}
}
@keyframes p360VisibleShellC{
  0%,100%{transform:rotate(7deg) translateY(3px)}
  50%{transform:rotate(13deg) translateY(-5px)}
}
@media(prefers-reduced-motion:reduce){
  .p360-roll-table.rolling .p360-die,
  .p360-roll-table.rolling .p360-die-shell{animation:none!important;}
}


/* v1.10.9 — keep dice in the confirmed glass position during every shake.
   The cube itself never rotates while shaking; only its shell moves in 2D.
   This prevents the visible face from turning edge-on or disappearing behind the glass. */
.p360-roll-table.rolling .p360-dice-cubes,
.p360-roll-table.closing-shake .p360-dice-cubes{
  position:relative!important;
  z-index:20!important;
  transform:none!important;
}
.p360-roll-table.rolling .p360-die,
.p360-roll-table.closing-shake .p360-die{
  animation:none!important;
  transform-style:preserve-3d!important;
}
.p360-roll-table.rolling .p360-die-shell,
.p360-roll-table.closing-shake .p360-die-shell{
  position:relative!important;
  z-index:21!important;
  transform-style:preserve-3d!important;
  animation-duration:.34s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
}
.p360-roll-table.rolling .p360-die-shell.p360-die-a,
.p360-roll-table.closing-shake .p360-die-shell.p360-die-a{
  animation-name:p360SafeShakeA!important;
}
.p360-roll-table.rolling .p360-die-shell.p360-die-b,
.p360-roll-table.closing-shake .p360-die-shell.p360-die-b{
  animation-name:p360SafeShakeB!important;
  animation-delay:.05s!important;
}
.p360-roll-table.rolling .p360-die-shell.p360-die-c,
.p360-roll-table.closing-shake .p360-die-shell.p360-die-c{
  animation-name:p360SafeShakeC!important;
  animation-delay:.10s!important;
}
@keyframes p360SafeShakeA{
  0%,100%{transform:rotate(-7deg) translate3d(0,3px,0)}
  25%{transform:rotate(-9deg) translate3d(-5px,-2px,0)}
  50%{transform:rotate(-5deg) translate3d(5px,1px,0)}
  75%{transform:rotate(-8deg) translate3d(-3px,-4px,0)}
}
@keyframes p360SafeShakeB{
  0%,100%{transform:rotate(2deg) translate3d(0,-2px,0)}
  25%{transform:rotate(5deg) translate3d(5px,-5px,0)}
  50%{transform:rotate(0deg) translate3d(-5px,2px,0)}
  75%{transform:rotate(4deg) translate3d(3px,-3px,0)}
}
@keyframes p360SafeShakeC{
  0%,100%{transform:rotate(7deg) translate3d(0,3px,0)}
  25%{transform:rotate(9deg) translate3d(4px,-3px,0)}
  50%{transform:rotate(5deg) translate3d(-5px,1px,0)}
  75%{transform:rotate(8deg) translate3d(3px,-4px,0)}
}
/* Keep the dice above the glass artwork throughout the animation. */
.p360-roll-table .p360-dice-cubes,
.p360-roll-table .p360-die-shell,
.p360-roll-table .p360-die{z-index:20!important;}


/* v1.11.0 — casino-style visible dice roll
   The dice stay at the confirmed glass position. Their visible pips cycle rapidly,
   while the shells perform a restrained 3D-looking shake without ever turning edge-on. */
.p360-roll-table.rolling .p360-dice-cubes{
  position:absolute!important;
  left:50%!important;
  top:34px!important;
  width:174px!important;
  height:54px!important;
  transform:translateX(-50%)!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:60!important;
  overflow:visible!important;
}
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell,
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell.p360-die-a,
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell.p360-die-b,
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell.p360-die-c{
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  margin:0!important;
  transform-origin:50% 55%!important;
  transform-style:preserve-3d!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  z-index:61!important;
}
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;top:0!important;animation:p360CasinoDie1 .34s cubic-bezier(.25,.75,.35,1) infinite!important}
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(2){left:62px!important;top:-5px!important;animation:p360CasinoDie2 .29s cubic-bezier(.25,.75,.35,1) infinite .04s!important}
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(3){left:124px!important;top:0!important;animation:p360CasinoDie3 .32s cubic-bezier(.25,.75,.35,1) infinite .08s!important}
.p360-roll-table.rolling .p360-dice-cubes .p360-die{
  position:absolute!important;
  left:4px!important;top:4px!important;
  width:42px!important;height:42px!important;
  --s:42px!important;
  visibility:visible!important;opacity:1!important;
  animation:none!important;
  transform:rotateX(0deg) rotateY(0deg)!important;
  transform-style:flat!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  z-index:62!important;
}
.p360-roll-table.rolling .p360-dice-cubes .p360-result-face{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.p360-roll-table.rolling .p360-shaker-cup{
  animation:p360CasinoCup .24s cubic-bezier(.36,.07,.19,.97) infinite!important;
}
@keyframes p360CasinoDie1{
  0%,100%{transform:translate3d(0,3px,0) rotateZ(-7deg) rotateX(0deg) scale(1)}
  18%{transform:translate3d(-7px,-6px,0) rotateZ(-17deg) rotateX(8deg) scale(1.04)}
  42%{transform:translate3d(8px,2px,0) rotateZ(13deg) rotateY(-10deg) scale(.97)}
  67%{transform:translate3d(-5px,-8px,0) rotateZ(-10deg) rotateX(-7deg) scale(1.03)}
  86%{transform:translate3d(5px,1px,0) rotateZ(8deg) rotateY(8deg) scale(.98)}
}
@keyframes p360CasinoDie2{
  0%,100%{transform:translate3d(0,-2px,0) rotateZ(2deg) scale(1)}
  20%{transform:translate3d(6px,-9px,0) rotateZ(15deg) rotateX(-8deg) scale(1.04)}
  45%{transform:translate3d(-8px,3px,0) rotateZ(-12deg) rotateY(10deg) scale(.97)}
  70%{transform:translate3d(5px,-6px,0) rotateZ(9deg) rotateX(7deg) scale(1.03)}
  88%{transform:translate3d(-4px,2px,0) rotateZ(-6deg) scale(.99)}
}
@keyframes p360CasinoDie3{
  0%,100%{transform:translate3d(0,3px,0) rotateZ(7deg) scale(1)}
  17%{transform:translate3d(7px,-7px,0) rotateZ(18deg) rotateY(-8deg) scale(1.04)}
  43%{transform:translate3d(-7px,2px,0) rotateZ(-15deg) rotateX(9deg) scale(.97)}
  69%{transform:translate3d(5px,-9px,0) rotateZ(11deg) rotateY(8deg) scale(1.03)}
  87%{transform:translate3d(-5px,1px,0) rotateZ(-7deg) scale(.99)}
}
@keyframes p360CasinoCup{
  0%,100%{transform:translateX(-50%) translateY(-4px) rotate(0deg)}
  25%{transform:translateX(calc(-50% - 3px)) translateY(-5px) rotate(-1.1deg)}
  50%{transform:translateX(calc(-50% + 4px)) translateY(-2px) rotate(1.3deg)}
  75%{transform:translateX(calc(-50% - 2px)) translateY(-6px) rotate(-.8deg)}
}
@media(max-width:600px){
 .p360-roll-table.rolling .p360-dice-cubes{width:174px!important;top:25px!important;height:58px!important}
 .p360-roll-table.rolling .p360-dice-cubes .p360-die-shell{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important}
 .p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;top:0!important}
 .p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(2){left:61px!important;top:-4px!important}
 .p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(3){left:122px!important;top:0!important}
 .p360-roll-table.rolling .p360-dice-cubes .p360-die{width:42px!important;height:42px!important;left:5px!important;top:5px!important}
}
@media(prefers-reduced-motion:reduce){
 .p360-roll-table.rolling .p360-die-shell,.p360-roll-table.rolling .p360-shaker-cup{animation:none!important}
}

/* v1.11.2 — stable glass/cup; only the three dice roll.
   Keep the confirmed cup/glass position completely stationary during the roll
   and during the result reveal. */
.p360-roll-table.rolling .p360-shaker-cup,
.p360-roll-table.result-reveal .p360-shaker-cup{
  animation:none!important;
  transform:translateX(-50%) translateY(-4px)!important;
}
.p360-roll-table.rolling .p360-cup-glass,
.p360-roll-table.rolling .p360-cup-rim,
.p360-roll-table.rolling .p360-cup-base,
.p360-roll-table.result-reveal .p360-cup-glass,
.p360-roll-table.result-reveal .p360-cup-rim,
.p360-roll-table.result-reveal .p360-cup-base{
  animation:none!important;
}


/* v1.11.2 — FINAL: fixed casino dice position + dice-only bounce.
   The glass/cup, shadow and ring remain completely stationary. The three dice
   occupy the same position during betting, bouncing and result reveal. */
.p360-roll-table .p360-dice-cubes{
  position:absolute!important;
  left:50%!important;
  top:34px!important;
  width:174px!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  display:block!important;
  overflow:visible!important;
  z-index:60!important;
  visibility:visible!important;
  opacity:1!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-a,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-b,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-c{
  position:absolute!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:61!important;
  transform-origin:50% 85%!important;
  animation:none!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;top:0!important;transform:rotate(-8deg) translateY(0)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:62px!important;top:-5px!important;transform:rotate(2deg) translateY(0)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:124px!important;top:0!important;transform:rotate(8deg) translateY(0)!important}
.p360-roll-table .p360-dice-cubes .p360-die{
  position:absolute!important;
  left:4px!important;
  top:4px!important;
  width:42px!important;
  height:42px!important;
  --s:42px!important;
  margin:0!important;
  visibility:visible!important;
  opacity:1!important;
  animation:none!important;
  transform-style:flat!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  z-index:62!important;
}
/* Only the dice shells bounce. No cup/glass/table animation is allowed. */
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(1),
.p360-roll-table.closing-shake .p360-dice-cubes .p360-die-shell:nth-child(1){
  animation:p360FinalDiceBounce1 .46s cubic-bezier(.25,.72,.32,1) infinite!important;
}
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(2),
.p360-roll-table.closing-shake .p360-dice-cubes .p360-die-shell:nth-child(2){
  animation:p360FinalDiceBounce2 .39s cubic-bezier(.25,.72,.32,1) infinite .05s!important;
}
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(3),
.p360-roll-table.closing-shake .p360-dice-cubes .p360-die-shell:nth-child(3){
  animation:p360FinalDiceBounce3 .43s cubic-bezier(.25,.72,.32,1) infinite .10s!important;
}
@keyframes p360FinalDiceBounce1{
  0%,100%{transform:translate3d(0,0,0) rotate(-8deg) scale(1)}
  18%{transform:translate3d(-5px,-7px,0) rotate(-12deg) scale(1.03)}
  38%{transform:translate3d(4px,1px,0) rotate(-4deg) scale(.98)}
  58%{transform:translate3d(-3px,-5px,0) rotate(-10deg) scale(1.02)}
  78%{transform:translate3d(3px,0,0) rotate(-6deg) scale(.99)}
}
@keyframes p360FinalDiceBounce2{
  0%,100%{transform:translate3d(0,0,0) rotate(2deg) scale(1)}
  20%{transform:translate3d(5px,-9px,0) rotate(8deg) scale(1.04)}
  42%{transform:translate3d(-5px,1px,0) rotate(-3deg) scale(.97)}
  64%{transform:translate3d(4px,-6px,0) rotate(6deg) scale(1.03)}
  82%{transform:translate3d(-3px,0,0) rotate(0deg) scale(.99)}
}
@keyframes p360FinalDiceBounce3{
  0%,100%{transform:translate3d(0,0,0) rotate(8deg) scale(1)}
  17%{transform:translate3d(5px,-6px,0) rotate(13deg) scale(1.03)}
  40%{transform:translate3d(-5px,1px,0) rotate(4deg) scale(.98)}
  61%{transform:translate3d(4px,-8px,0) rotate(11deg) scale(1.04)}
  80%{transform:translate3d(-3px,0,0) rotate(6deg) scale(.99)}
}
/* Freeze every non-dice animation during the roll. */
.p360-roll-table.rolling:before,
.p360-roll-table.rolling:after,
.p360-roll-table.rolling .p360-shaker-cup,
.p360-roll-table.rolling .p360-cup-glass,
.p360-roll-table.rolling .p360-cup-rim,
.p360-roll-table.rolling .p360-cup-base,
.p360-roll-table.rolling .p360-glass-highlight,
.p360-roll-table.rolling .p360-cup-shadow,
.p360-roll-table.rolling .p360-roll-ring,
.p360-roll-table.closing-shake:before,
.p360-roll-table.closing-shake:after,
.p360-roll-table.closing-shake .p360-shaker-cup,
.p360-roll-table.closing-shake .p360-cup-glass,
.p360-roll-table.closing-shake .p360-cup-rim,
.p360-roll-table.closing-shake .p360-cup-base,
.p360-roll-table.closing-shake .p360-glass-highlight,
.p360-roll-table.closing-shake .p360-cup-shadow,
.p360-roll-table.closing-shake .p360-roll-ring{
  animation:none!important;
}
/* Keep the exact glass position shown in the reference screenshot. */
.p360-roll-table .p360-shaker-cup{
  transform:translateX(-50%) translateY(-4px)!important;
}
.p360-roll-table .p360-cup-shadow{transform:none!important}
@media(max-width:600px){
  .p360-roll-table .p360-dice-cubes{top:25px!important;width:174px!important;height:58px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;top:0!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:61px!important;top:-4px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:122px!important;top:0!important}
  .p360-roll-table .p360-dice-cubes .p360-die{width:42px!important;height:42px!important;--s:42px!important;left:5px!important;top:5px!important}
}
@media(prefers-reduced-motion:reduce){
  .p360-roll-table.rolling .p360-die-shell,
  .p360-roll-table.closing-shake .p360-die-shell{animation:none!important}
}


/* v1.11.3 — FINAL INNER-GLASS DICE FIX
   The reference layout has the dice smaller and clearly inside the glass.
   The glass/cup never moves. Only the three dice bounce within a confined
   area so they cannot leave the glass or become larger than its opening. */
.p360-roll-table .p360-shaker-cup{
  animation:none!important;
  transform:translateX(-50%) translateY(-4px)!important;
}
.p360-roll-table .p360-cup-glass,
.p360-roll-table .p360-cup-rim,
.p360-roll-table .p360-cup-base,
.p360-roll-table .p360-glass-highlight,
.p360-roll-table .p360-cup-shadow{
  animation:none!important;
}
.p360-roll-table .p360-dice-cubes{
  position:absolute!important;
  left:50%!important;
  top:48px!important;
  width:128px!important;
  height:48px!important;
  min-height:48px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  display:block!important;
  overflow:visible!important;
  z-index:30!important;
  pointer-events:none!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-a,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-b,
.p360-roll-table .p360-dice-cubes .p360-die-shell.p360-die-c{
  position:absolute!important;
  top:0!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform-origin:50% 85%!important;
  transform-style:flat!important;
  animation:none!important;
  z-index:31!important;
}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important;transform:rotate(-7deg)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:43px!important;top:-3px!important;transform:rotate(0deg)!important}
.p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:86px!important;transform:rotate(7deg)!important}
.p360-roll-table .p360-dice-cubes .p360-die{
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  width:36px!important;
  height:36px!important;
  --s:36px!important;
  margin:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  transform-style:flat!important;
  animation:none!important;
  z-index:32!important;
}
.p360-roll-table .p360-dice-cubes .p360-die .p360-face{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.p360-roll-table .p360-dice-cubes .p360-result-face{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  box-sizing:border-box!important;
  border-radius:8px!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:40!important;
}
.p360-roll-table .p360-dice-cubes .p360-result-face .pip{width:5px!important;height:5px!important}
.p360-roll-table.rolling .p360-dice-cubes .p360-result-face,
.p360-roll-table.closing-shake .p360-dice-cubes .p360-result-face{opacity:1!important}
.p360-roll-table.result-reveal .p360-dice-cubes .p360-result-face{opacity:1!important}
/* Bounce only the dice. The travel is deliberately small so each die stays
   inside the glass opening throughout the animation. */
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(1),
.p360-roll-table.closing-shake .p360-dice-cubes .p360-die-shell:nth-child(1){
  animation:p360InnerGlassDice1 .48s cubic-bezier(.22,.75,.25,1) infinite!important;
}
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(2),
.p360-roll-table.closing-shake .p360-dice-cubes .p360-die-shell:nth-child(2){
  animation:p360InnerGlassDice2 .43s cubic-bezier(.22,.75,.25,1) infinite .06s!important;
}
.p360-roll-table.rolling .p360-dice-cubes .p360-die-shell:nth-child(3),
.p360-roll-table.closing-shake .p360-dice-cubes .p360-die-shell:nth-child(3){
  animation:p360InnerGlassDice3 .46s cubic-bezier(.22,.75,.25,1) infinite .11s!important;
}
@keyframes p360InnerGlassDice1{
  0%,100%{transform:translate3d(0,0,0) rotate(-7deg) scale(1)}
  22%{transform:translate3d(-5px,6px,0) rotate(-12deg) scale(1.02)}
  46%{transform:translate3d(5px,-2px,0) rotate(5deg) scale(.98)}
  70%{transform:translate3d(-4px,9px,0) rotate(-4deg) scale(1.01)}
}
@keyframes p360InnerGlassDice2{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  20%{transform:translate3d(5px,7px,0) rotate(9deg) scale(1.02)}
  44%{transform:translate3d(-5px,-2px,0) rotate(-8deg) scale(.98)}
  70%{transform:translate3d(4px,10px,0) rotate(6deg) scale(1.01)}
}
@keyframes p360InnerGlassDice3{
  0%,100%{transform:translate3d(0,0,0) rotate(7deg) scale(1)}
  21%{transform:translate3d(5px,6px,0) rotate(12deg) scale(1.02)}
  45%{transform:translate3d(-5px,-1px,0) rotate(-5deg) scale(.98)}
  72%{transform:translate3d(4px,9px,0) rotate(10deg) scale(1.01)}
}
/* No inherited glass/table animation can override the stable-cup requirement. */
.p360-roll-table.rolling:before,
.p360-roll-table.rolling:after,
.p360-roll-table.closing-shake:before,
.p360-roll-table.closing-shake:after,
.p360-roll-table.rolling .p360-roll-ring,
.p360-roll-table.closing-shake .p360-roll-ring{
  animation:none!important;
}
.p360-roll-table.result-reveal .p360-die-shell{animation:none!important}
@media(max-width:600px){
  .p360-roll-table .p360-dice-cubes{top:45px!important;width:122px!important;height:46px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(1){left:0!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(2){left:41px!important;top:-2px!important}
  .p360-roll-table .p360-dice-cubes .p360-die-shell:nth-child(3){left:82px!important}
  .p360-roll-table .p360-dice-cubes .p360-die{width:34px!important;height:34px!important;--s:34px!important;left:3px!important;top:3px!important}
  .p360-roll-table .p360-dice-cubes .p360-result-face{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important}
  .p360-roll-table .p360-dice-cubes .p360-result-face .pip{width:4px!important;height:4px!important}
}


/* v1.11.4 — betting interaction hardening */
.p360-category-grid,.p360-sum-grid,.p360-controls,.p360-message{position:relative!important;z-index:120!important;pointer-events:auto!important;}
.p360-category-grid .p360-choice,.p360-sum-grid .p360-choice,.p360-controls button,.p360-controls input{position:relative!important;z-index:121!important;pointer-events:auto!important;}
.p360-roll-table,.p360-roll-table *{pointer-events:none!important;}
.p360-result-popup[hidden]{display:none!important;pointer-events:none!important;}
#p360-rebet{cursor:pointer;font-weight:700}
.p360-choice-last{display:block;margin-top:5px;font-size:11px;opacity:.85}
.p360-choice.last-bet{outline:1px dashed rgba(255,255,255,.35)}


/* v1.18.10 — Full-screen responsive game surface
   The game expands to the viewport on desktop and mobile while preserving
   the existing game layout, controls, animations and betting logic. */
html,body{max-width:100%;overflow-x:hidden;}
.p360-dice-wrap{
  width:100vw!important;
  max-width:none!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  margin:0 calc(50% - 50vw)!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  box-sizing:border-box!important;
  padding:clamp(14px,2.2vw,32px)!important;
}
.p360-dice-wrap,.p360-dice-wrap *{box-sizing:border-box;}
.p360-dice-wrap .p360-dice-top,
.p360-dice-wrap .p360-round-strip,
.p360-dice-wrap .p360-bet-phase,
.p360-dice-wrap .p360-stage,
.p360-dice-wrap .p360-category-grid,
.p360-dice-wrap .p360-sum-grid,
.p360-dice-wrap .p360-controls,
.p360-dice-wrap .p360-message,
.p360-dice-wrap .p360-last-games,
.p360-dice-wrap .p360-bet-panels{
  width:100%;
  max-width:none;
}
.p360-stage{flex:0 0 auto;}
@media(min-width:901px){
  .p360-dice-wrap{padding-left:clamp(24px,4vw,64px)!important;padding-right:clamp(24px,4vw,64px)!important;}
}
@media(max-width:900px){
  .p360-dice-wrap{padding:14px!important;}
}
@media(max-width:600px){
  .p360-dice-wrap{
    min-height:100svh!important;
    padding:10px!important;
    border-radius:0!important;
  }
  .p360-dice-top{gap:8px;}
  .p360-brand strong{font-size:clamp(15px,4.6vw,19px);}
  .p360-round-strip{font-size:clamp(9px,2.7vw,11px);gap:6px;padding:8px 9px;}
  .p360-stage{margin-left:-2px;margin-right:-2px;border-radius:16px;}
}
@media(max-width:380px){
  .p360-dice-wrap{padding:7px!important;}
  .p360-round-strip{font-size:9px;}
}


/* v1.18.12 — prominent running game timer above the dice */
.p360-stage{position:relative!important;}
.p360-dice-timer{
  position:absolute!important;
  top:10px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:150!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:138px!important;
  padding:7px 16px 8px!important;
  border-radius:999px!important;
  background:rgba(8,7,20,.82)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 5px 20px rgba(0,0,0,.28),0 0 18px rgba(255,210,110,.10)!important;
  backdrop-filter:blur(8px)!important;
  pointer-events:none!important;
}
.p360-dice-timer span{font-size:9px!important;font-weight:800!important;letter-spacing:.12em!important;color:#bcb7cf!important;}
.p360-dice-timer b{font-size:23px!important;line-height:1!important;color:#fff!important;font-variant-numeric:tabular-nums!important;min-width:28px!important;text-align:right!important;}
.p360-dice-timer small{font-size:10px!important;font-weight:800!important;color:#d9d3e7!important;}
.p360-dice-timer.warning{border-color:rgba(255,190,80,.65)!important;box-shadow:0 5px 22px rgba(0,0,0,.3),0 0 20px rgba(255,190,80,.18)!important;}
.p360-dice-timer.closed{opacity:.86!important;}
.p360-stage .p360-roll-table{padding-top:34px!important;}
@media(max-width:600px){
  .p360-dice-timer{top:7px!important;min-width:122px!important;padding:6px 12px 7px!important;gap:5px!important;}
  .p360-dice-timer span{font-size:8px!important;}
  .p360-dice-timer b{font-size:20px!important;}
  .p360-dice-timer small{font-size:9px!important;}
  .p360-stage .p360-roll-table{padding-top:30px!important;}
}