.board{position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:radial-gradient(circle,#4be34e,#3da542,#2c8b31,#256b29,#1e5e22);width:100%;height:100%}.rolling-container{display:flex;flex-direction:row;gap:20px;align-items:flex-start;width:100%;overflow-x:auto}.rolling-container>*{flex:0 0 300px;display:flex;flex-direction:column}.button-dice-wrapper{width:clamp(0px,20%,549px);aspect-ratio:549 / 175;display:flex;flex-direction:row;align-items:center}.main-top-betting-area{display:flex;flex-direction:column;width:60.33182%;aspect-ratio:1200 / 765;justify-content:end}.betting-area{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:end;width:clamp(0px,95%,1650px)}.main-craps-and-eleven-wrapper{display:flex;flex-direction:row;width:100%;aspect-ratio:1200 / 405;box-sizing:border-box;justify-content:center;align-items:center}.craps-and-eleven-wrapper{display:flex;flex-direction:column;width:30%;aspect-ratio:360 / 405;box-sizing:border-box;align-items:center;justify-content:center}.main-betting-area{display:flex;flex-direction:column;align-items:center;width:70%;aspect-ratio:840 / 405;font-size:clamp(8px,2vw,35px)}.pass-line-wrapper{position:relative;width:100%;aspect-ratio:840 / 90}.dont-pass-wrapper{display:flex;position:relative;width:100%;aspect-ratio:615 / 90}.field-dont-pass-wrapper{display:flex;width:73.2143%;aspect-ratio:615 / 225;position:relative;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.field-dont-pass-six-eight-wrapper{display:flex;flex-direction:row;width:100%;aspect-ratio:840 / 225;align-items:center;box-sizing:border-box}.come-container{display:flex;justify-content:center;padding:0;margin:0;box-sizing:border-box}.come-bar{position:relative;display:flex;align-items:center;justify-content:center;background-color:#176b1b;color:#a00;text-transform:uppercase;font-weight:700;font-size:clamp(16px,1.9vw,40px);border-radius:8px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;aspect-ratio:840 / 90;border:#3e9a43 4px solid;text-shadow:1px 1px 2px rgba(0,0,0,1);box-shadow:inset 0 0 10px #00000080;overflow:visible;margin:1px;transition:background-color .3s,border-color .3s;box-sizing:border-box}.come-bar.clickable{cursor:pointer}.come-bar.clickable:hover{background-color:#1e8b27;border-color:#2fa84f;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.come-bar.disabled{cursor:default;opacity:.6;pointer-events:none;background-color:#0f3a12;border-color:#265c22;color:#4f0909;text-shadow:none}.dontpass-container{display:flex;justify-content:center;box-sizing:border-box;padding:0;margin:0;width:100%;aspect-ratio:615 / 90}.dontpass{width:100%;aspect-ratio:615 / 90;position:relative;display:flex;padding-left:21.24%;justify-content:space-evenly;align-items:center;background-color:#176b1b;color:#fff;text-transform:uppercase;font-weight:700;border-radius:8px;cursor:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;border:4px solid #3e9a43;transition:background-color .3s,border-color .3s;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 10px #00000080}.dontpass h4{margin:0}.static-dice-container .dice{width:49.074%;height:auto;aspect-ratio:1 / 1;border-radius:8px;box-shadow:0 4px 8px #0009}.static-dice-container{display:flex;width:24.8276%;aspect-ratio:108 / 53;gap:2px;align-items:center;justify-content:center;margin:0}.static-dice-container .dot{width:18.86792%;height:auto;aspect-ratio:1 / 1;box-shadow:0 2px 6px #000000f2,0 0 2px #000c}.dontpass.clickable{cursor:pointer;transition:background-color .3s}.dontpass.clickable:hover{background-color:#1e8b27;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.dontpass.disabled{cursor:default;opacity:.7}.dontpass-odds{position:relative;width:100%;aspect-ratio:5 / 3;background-color:#1f8324;color:#add8e6;font-weight:700;font-size:1.2em;text-transform:uppercase;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #3e9a43;text-shadow:1px 1px 2px rgba(0,0,0,.7);overflow:visible;box-sizing:border-box;margin:0;padding:0;line-height:1}.dontpass-odds.clickable:hover{background-color:#279b30;box-shadow:0 0 10px #4fd04e}.dontpass-odds.disabled{cursor:default;opacity:.5;background-color:#154b12;border-color:#2a6220;box-shadow:none}.dont-pass-take-odds-label{font-size:20px;font-weight:700;text-transform:uppercase;color:#add8e6;text-shadow:1px 1px 2px rgba(0,0,0,.7);pointer-events:none;margin:0;padding:0;line-height:1;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dontpass-odds-container{position:absolute;width:24.3902%;aspect-ratio:5 / 3;z-index:10;margin:0;padding:0;box-sizing:border-box}.field{position:relative;width:100%;aspect-ratio:615 / 135;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#3e9a43;color:#fff;text-transform:uppercase;font-weight:700;border-radius:8px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;border:4px solid #3e9a43;transition:background-color .3s,border-color .3s;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;padding-top:0}.numbers-row{display:flex;justify-content:space-around;align-items:start;width:100%;max-width:600px;margin-bottom:1.3333%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.number{font-weight:700;font-size:clamp(8px,1.8vw,24px);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.numbers-row .number:nth-child(1){display:flex;align-items:center;justify-content:center;width:9.16667%;aspect-ratio:1 / 1;border-radius:50%;background-color:#176b1b;color:#fff;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateY(60%) translate(10%);box-shadow:inset 0 0 10px #00000080}.numbers-row .number:nth-child(2){transform:translateY(65.45%) translate(3.33%)}.numbers-row .number:nth-child(3){transform:translateY(60%) translate(1.667%)}.numbers-row .number:nth-child(4){transform:translateY(50.91%) translate(0)}.numbers-row .number:nth-child(5){transform:translateY(41.82%) translate(0)}.numbers-row .number:nth-child(6){transform:translateY(36.36%) translate(0)}.numbers-row .number:nth-child(7){transform:translateY(32.73%) translate(0)}.numbers-row .number:nth-child(8){transform:translateY(36.36%) translate(0)}.numbers-row .number:nth-child(9){transform:translateY(41.82%) translate(0)}.numbers-row .number:nth-child(10){transform:translateY(50.91%) translate(0)}.numbers-row .number:nth-child(11){transform:translateY(60%) translate(-1.667%)}.numbers-row .number:nth-child(12){transform:translateY(65.45%) translate(-3.333%)}.numbers-row .number:nth-child(13){display:flex;align-items:center;justify-content:center;width:9.16667%;aspect-ratio:1 / 1;border-radius:50%;background-color:#176b1b;color:#fff;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateY(60%) translate(-10%);box-shadow:inset 0 0 10px #00000080}.pays-double{display:flex;justify-content:center;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.pays-double .letter{font-weight:700;font-size:10px;color:#fff;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.pays-double.left .letter:nth-child(1){transform:translate(-127px) translateY(-65px) rotate(80deg)}.pays-double.left .letter:nth-child(2){transform:translate(-155px) translateY(-55px) rotate(65deg)}.pays-double.left .letter:nth-child(3){transform:translate(-180px) translateY(-46px) rotate(52deg)}.pays-double.left .letter:nth-child(4){transform:translate(-202px) translateY(-38px) rotate(35deg)}.pays-double.left .letter:nth-child(6){transform:translate(-251px) translateY(-34px) rotate(11deg)}.pays-double.left .letter:nth-child(7){transform:translate(-270px) translateY(-33px) rotate(-5deg)}.pays-double.left .letter:nth-child(8){transform:translate(-289px) translateY(-35px) rotate(-25deg)}.pays-double.left .letter:nth-child(9){transform:translate(-309px) translateY(-42px) rotate(-40deg)}.pays-double.left .letter:nth-child(10){transform:translate(-331px) translateY(-50px) rotate(-50deg)}.pays-double.left .letter:nth-child(11){transform:translate(-357px) translateY(-58px) rotate(-60deg)}.pays-double.right{position:absolute;top:0;left:0}.pays-double.right .letter:nth-child(1){transform:translate(362px) translateY(37px) rotate(80deg)}.pays-double.right .letter:nth-child(2){transform:translate(334px) translateY(47px) rotate(65deg)}.pays-double.right .letter:nth-child(3){transform:translate(309px) translateY(56px) rotate(52deg)}.pays-double.right .letter:nth-child(4){transform:translate(287px) translateY(64px) rotate(35deg)}.pays-double.right .letter:nth-child(6){transform:translate(238px) translateY(68px) rotate(11deg)}.pays-double.right .letter:nth-child(7){transform:translate(219px) translateY(69px) rotate(-5deg)}.pays-double.right .letter:nth-child(8){transform:translate(200px) translateY(67px) rotate(-25deg)}.pays-double.right .letter:nth-child(9){transform:translate(180px) translateY(60px) rotate(-40deg)}.pays-double.right .letter:nth-child(10){transform:translate(158px) translateY(52px) rotate(-50deg)}.pays-double.right .letter:nth-child(11){transform:translate(132px) translateY(44px) rotate(-60deg)}.field .chip-overlay{position:absolute;width:clamp(0px,3vw,64px);aspect-ratio:1 / 1;bottom:0;transform:translate(-50%);top:unset;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#c00;box-shadow:inset 0 0 10px #00000080;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.field .chip-overlay .chip-value{color:#000;font-weight:700;padding-left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.field.clickable{cursor:pointer}.field.clickable:hover{background-color:#2e8b57;border-color:#2fbc57;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.field.disabled{cursor:default;opacity:.7}.passline-container{display:flex;justify-content:center;box-sizing:border-box;padding:0;margin:0;width:100%;aspect-ratio:840 / 90}.passline{width:100%;aspect-ratio:840 / 90;position:relative;display:flex;align-items:center;justify-content:center;background-color:#176b1b;color:#add8e6;text-transform:uppercase;font-weight:700;border-radius:8px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;border:4px solid #3e9a43;transition:background-color .3s,border-color .3s;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 10px #00000080}.passline.clickable{cursor:pointer}.passline.disabled{cursor:default;opacity:.7;pointer-events:none}.passline.clickable:hover{background-color:#1e8b27;cursor:pointer;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.passline.locked{cursor:default;opacity:.7}.big-six-eight{position:relative;width:26.7857%;height:100%;background-color:#3e9a43;border:#3e9a43 solid 4px;border-radius:8px;box-shadow:inset 0 0 8px #1e5e22;box-sizing:border-box}.dash-segment{position:absolute;left:50%;width:1.7778%;aspect-ratio:1 / 15;background-color:#3e9a43;transform:translate(-50%);opacity:1;box-shadow:0 0 8px #1e5e22}.dash-top{top:0}.dash-bottom{bottom:0}.big-six-eight:hover .dash-segment{background-color:#2fbc57;border-color:#2fbc57;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.big-letter{top:20%;position:absolute;left:50%;transform:translate(-50%);color:#fff;font-weight:700;font-size:clamp(10px,1.9vw,40px);pointer-events:none;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:clamp(-15px,-1vw,50px)}.big-number{position:absolute;color:#a00;font-size:clamp(20px,4vw,80px);font-weight:700;pointer-events:none;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.number-6{top:40%;left:25%;transform:translate(-50%,-50%)}.number-8{top:40%;left:75%;transform:translate(-50%,-50%)}.chip-overlay.chip-left{left:9%;top:50%;transform:translateY(-50%)}.chip-overlay.chip-right{right:9%;top:50%;transform:translateY(-50%);left:auto}.big-six-eight.clickable{cursor:pointer}.big-six-eight.clickable:hover{background-color:#2e8b57;border-color:#2fbc57;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.big-six-eight.disabled{cursor:default;opacity:.7}.passline-odds-container{position:absolute;width:17.8571%;aspect-ratio:5 / 3;z-index:10;margin:0;padding:0;box-sizing:border-box}.passline-odds{width:100%;aspect-ratio:5 / 3;position:relative;background-color:#1f8324;color:#add8e6;font-weight:700;font-size:20px;text-transform:uppercase;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #3e9a43;text-shadow:1px 1px 2px rgba(0,0,0,.7);overflow:visible;box-sizing:border-box;margin:0;padding:0;line-height:1;transition:background-color .3s ease,box-shadow .3s ease}.passline-odds.clickable:hover{background-color:#279b30;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.passline-odds.disabled{cursor:not-allowed;opacity:.5;background-color:#154b12;border-color:#2a6220;box-shadow:none}.take-odds-label{font-size:20px;font-weight:700;text-transform:uppercase;color:#add8e6;text-shadow:1px 1px 2px rgba(0,0,0,.7);pointer-events:none;margin:0;padding:0;line-height:1;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.top-bet-area{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;width:100%;aspect-ratio:1200 / 360;box-sizing:border-box}.point-number{position:relative;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1 / 1;background-color:#055109;color:#fff;font-weight:700;font-size:clamp(16px,3.8vw,64px);text-align:center;border-radius:0;cursor:default;border:2px solid #3e9a43;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:2px 2px 4px rgba(0,0,0,.6);transition:background-color .3s,box-shadow .3s;box-sizing:border-box}.point-number.six .angled-label,.point-number.nine .angled-label{font-size:40px;transform:rotate(-25deg)}.point-indicator{width:26.03%;aspect-ratio:1 / 1;background:radial-gradient(circle at center,#fff,#ddd);color:#111;border:2px solid #333;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:clamp(6px,1.2vw,20px);text-shadow:0 1px 1px rgba(255,255,255,.4);box-shadow:0 2px 4px #00000040,inset 0 0 5px #00000026;transition:transform .2s ease,box-shadow .2s ease}.point-indicator-container{width:100%;aspect-ratio:3 / 1;border:#3e9a43 solid 2px;background-color:transparent;box-sizing:border-box;border-radius:8px 8px 0 0;box-shadow:inset 0 0 8px #1e5e22;display:flex;justify-content:center;align-items:center}.angled-label{font-size:48px;transform:rotate(-60deg);display:inline-block;line-height:1}.chip-overlay.come-bet{position:absolute;bottom:0%;top:unset;left:0%;transform:translate(10%,15%)}.chip-overlay .chip-value{line-height:1;max-width:80%;text-align:center;font-weight:700;position:relative;z-index:2}.chip-overlay.dont-come-bet{top:0%;left:0%;transform:translate(10%,-7%)}.chip-overlay.dont-come-bet.clickable{pointer-events:auto;cursor:pointer}.point-number-container{position:relative;width:16.66667%;aspect-ratio:1 / 2;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:clamp(8px,1.2vw,16px)}.lay-overlay{position:relative;width:50%;aspect-ratio:3 / 2}.blank-lay{width:50%;aspect-ratio:3 / 2;box-sizing:border-box;background-color:transparent;border:#3e9a43 solid 2px;position:relative;box-shadow:inset 0 0 8px #1e5e22}.blank-lay-wrapper{width:100%;aspect-ratio:3 / 1;position:relative;display:flex;flex-direction:row;box-sizing:border-box}.place-buy-wrapper{display:flex;flex-direction:row;width:100%;aspect-ratio:3 / 1}.come-odds{position:absolute;bottom:-2px;right:0;width:50%;aspect-ratio:70 / 45;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.come-odds.clickable{cursor:pointer}.odds-label{width:100%;height:100%;box-sizing:border-box;background-color:#176b1b;color:#fff;font-size:10px;display:flex;justify-content:center;align-items:center;border-radius:0;text-align:center;pointer-events:none;border:2px solid #3e9a43;-webkit-user-select:none;-moz-user-select:none;user-select:none}.come-odds.clickable:hover{background-color:#218c25;border-color:#4fd04e;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.come-odds.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(50%);pointer-events:none}.dont-come-odds{position:absolute;top:-2px;right:0;width:50%;aspect-ratio:70 / 45;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;z-index:0}.dont-come-odds.clickable{cursor:pointer}.dont-come-odds-label{box-sizing:border-box;width:100%;aspect-ratio:70 / 45;background-color:#176b1b;color:#fff;font-size:10px;display:flex;justify-content:center;align-items:center;border-radius:0;text-align:center;pointer-events:none;border:2px solid #3e9a43;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dont-come-odds.clickable:hover{background-color:#218c25;border-color:#4fd04e;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.dont-come-odds.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(50%);pointer-events:none}.dont-come-odds.has-bet{z-index:10}.lay{width:100%;aspect-ratio:3 / 2;box-sizing:border-box;background-color:transparent;border:#3e9a43 solid 2px;box-shadow:inset 0 0 8px #1e5e22;color:#fff;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;text-transform:uppercase;position:relative;z-index:10;transition:transform .2s ease}.hover-enabled:hover{background-color:#2f7f34;transform:scale(1.05);cursor:pointer}.buy{position:relative;width:50%;aspect-ratio:3 / 2;box-sizing:border-box;background-color:transparent;border:2px solid #3e9a43;box-shadow:inset 0 0 8px #1e5e22;color:#fff;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;text-transform:uppercase;z-index:1;transition:transform .2s ease;border-radius:0 0 8px}.place{position:relative;width:50%;aspect-ratio:3 / 2;box-sizing:border-box;background-color:transparent;border:2px solid #3e9a43;box-shadow:inset 0 0 8px #1e5e22;color:#fff;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;text-transform:uppercase;z-index:1;transition:transform .2s ease;border-radius:0 0 0 8px}.point-board{width:90%;aspect-ratio:1080 / 360;display:flex;background-color:transparent;border-radius:0}.dont-come-bar{width:10%;aspect-ratio:1 / 3;background-color:transparent;border:solid #3e9a43 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:clamp(6px,1.666vw,28px);text-align:center;text-shadow:2.5px 2.5px 5px rgba(0,0,0,.7);position:relative;padding-top:5%;box-sizing:border-box;border-radius:8px;box-shadow:inset 0 0 8px #1e5e22}.dont-come-bar span{display:flex;flex-direction:column;line-height:1.1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dice-container-vertical{padding-top:15px;width:44.16667%;aspect-ratio:53 / 112;display:flex;flex-direction:column;justify-content:space-between}.dont-come-bar .dice{width:95%;height:auto;aspect-ratio:1 / 1;border-radius:8px;box-shadow:0 4px 8px #0009}.dont-come-bar .dot{width:18.86792%;height:auto;aspect-ratio:1 / 1;box-shadow:0 2px 6px #000000f2,0 0 2px #000c}.dont-come-bar.clickable{cursor:pointer}.dont-come-bar.clickable:hover{background-color:#1e8b27;border-color:#2fa84f;box-shadow:0 0 10px #4fd04e;transition:all .2s ease}.point-indicator-off{position:absolute;top:0;width:47.5%;aspect-ratio:1 / 1;background:radial-gradient(circle at center,#fff,#ddd);color:#111;border:2px solid #333;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:clamp(6px,1.2vw,20px);text-shadow:0 1px 1px rgba(255,255,255,.4);box-shadow:0 2px 4px #00000040,inset 0 0 5px #00000026;transition:transform .2s ease,box-shadow .2s ease}.dont-come-bar-content{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}.one-time-bet-area{display:flex;flex-direction:column;justify-content:end;width:27.14932%;aspect-ratio:540 / 765;box-sizing:border-box}.one-time-bet-area .dice{width:49.074%;height:auto;aspect-ratio:1 / 1;border-radius:8px;box-shadow:0 4px 8px #0009}.one-time-bet-area .dice-container{display:flex;width:40%;aspect-ratio:108 / 53;gap:2px;align-items:center;justify-content:center;margin:0}.one-time-bet-area .dot{width:18.86792%;height:auto;aspect-ratio:1 / 1;box-shadow:0 2px 6px #000000f2,0 0 2px #000c}.one-time-bet-area .payout-text{color:#fff;font-size:clamp(5px,.68vw,13px);font-weight:700;text-align:center;width:25.9259%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.hardway-betting-area{display:flex;position:relative;flex-direction:column;width:100%;aspect-ratio:540 / 655;box-sizing:border-box}.hard-four-eight-wrapper,.hard-six-ten-wrapper{display:flex;flex-direction:row;width:100%;aspect-ratio:540 / 90;box-sizing:border-box}.hardway-description{width:100%;aspect-ratio:540 / 50;font-size:clamp(10px,1.2vw,20px);box-sizing:border-box;background-color:#14532d;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.one-roll-description{font-size:clamp(10px,1.2vw,20px);width:100%;aspect-ratio:540 / 50;box-sizing:border-box;background-color:#14532d;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.horn-two-three-wrapper,.horn-eleven-twelve-wrapper{display:flex;flex-direction:row;box-sizing:border-box;width:100%;aspect-ratio:540 / 90}.horn-bet-wrapper{position:relative;width:100%;aspect-ratio:3 / 1}.hardways-hopbets-wrapper{display:flex;flex-direction:row;box-sizing:border-box;width:100%;aspect-ratio:540 / 110;gap:1.8518%;justify-content:center;font-size:clamp(14px,1.6vw,32px)}.hardway-four{width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.hardway-four .dice-container{position:absolute;right:12%}.hardway-four .payout-text{position:absolute;bottom:1.4815%;left:18.5185%}.hardway-four .last-showed-container{position:relative;width:74.07407%;aspect-ratio:200 / 45;background-color:#14532d;border-radius:20px;pointer-events:none;display:flex;justify-content:start;padding-left:5%;box-sizing:border-box}.hardway-four .last-showed-text{position:relative;color:#d21616;font-weight:700;font-size:clamp(8px,1.5vw,24px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hardway-four.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.hardway-four.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.hardway-four.disabled{cursor:default;opacity:.6}.hardway-eight{width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.hardway-eight .dice-container{position:absolute;left:12%}.hardway-eight .payout-text{position:absolute;bottom:1.4815%;right:18.5185%}.hardway-eight .last-showed-container{position:relative;width:74.07407%;aspect-ratio:200 / 45;background-color:#14532d;border-radius:20px;pointer-events:none;display:flex;justify-content:end;padding-right:5%;box-sizing:border-box}.hardway-eight .last-showed-text{position:relative;color:#d21616;font-weight:700;font-size:clamp(8px,1.5vw,24px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hardway-eight.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.hardway-eight.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.hardway-eight.disabled{cursor:default;opacity:.6}.horn-two-bet{position:relative;width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center}.horn-two-bet .dice-container{position:absolute;left:8%}.horn-two-bet .payout-text{position:absolute;color:#fff;top:16%;right:3.7037%;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.horn-two-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.horn-two-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.horn-two-bet.disabled{cursor:default;opacity:.6}.horn-three-bet{position:relative;width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center}.horn-three-bet .dice-container{position:absolute;right:8%}.horn-three-bet .payout-text{position:absolute;color:#fff;top:16%;left:3.7037%;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.horn-three-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.horn-three-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.horn-three-bet.disabled{cursor:default;opacity:.6}.horn-twelve-bet{position:relative;width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center}.horn-twelve-bet .dice-container{position:absolute;left:8%}.horn-twelve-bet .payout-text{position:absolute;color:#fff;bottom:16%;right:3.7037%;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.horn-twelve-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.horn-twelve-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.horn-twelve-bet.disabled{cursor:default;opacity:.6}.horn-eleven-bet{position:relative;width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center}.horn-eleven-bet .dice-container{position:absolute;right:8%}.horn-eleven-bet .payout-text{position:absolute;color:#fff;bottom:16%;left:3.7037%;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.horn-eleven-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.horn-eleven-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.horn-eleven-bet.disabled{cursor:default;opacity:.6}.horn-bet{position:absolute;width:44.44%;aspect-ratio:240 / 90;z-index:2;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center}.horn-bet .label{color:#fff;font-size:clamp(12px,1.666vw,28px);font-weight:700;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.horn-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.horn-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.horn-bet.disabled{cursor:default;opacity:.6}.any-seven-bet{position:relative;display:flex;align-items:center;justify-content:space-around;background-color:#176b1b;color:#a00;text-transform:uppercase;font-weight:700;font-size:clamp(16px,2vw,40px);border-radius:8px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;aspect-ratio:540 / 90;border:#3e9a43 4px solid;text-shadow:1px 1px 2px rgba(0,0,0,1);box-shadow:inset 0 0 10px #00000080;overflow:visible;margin:1px;transition:background-color .3s,border-color .3s;box-sizing:border-box}.any-seven-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.any-seven-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.any-seven-bet.disabled{cursor:default;opacity:.6}.any-seven-bet .payout-text{font-size:clamp(10px,1.2vw,24px);font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black;text-align:center}.any-craps-bet{position:relative;width:100%;aspect-ratio:540 / 90;display:flex;align-items:center;justify-content:space-around;background-color:#176b1b;color:#a00;text-transform:uppercase;font-weight:700;font-size:clamp(16px,1.9vw,37px);border-radius:8px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:#3e9a43 4px solid;text-shadow:1px 1px 2px rgba(0,0,0,1);box-shadow:inset 0 0 10px #00000080;overflow:visible;margin:1px;transition:background-color .3s,border-color .3s;box-sizing:border-box}.any-craps-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.any-craps-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.any-craps-bet.disabled{cursor:default;opacity:.6}.any-craps-bet .payout-text{color:#fff;font-size:clamp(10px,1.2vw,24px);font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black;text-align:center}.any-craps-bet .payout-left{left:35px}.any-craps-bet .payout-right{right:35px}.hardway-selector{margin-top:0;width:46.296296%;aspect-ratio:250 / 90;border-radius:12px;background-color:#bcbcbc;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 6px #00000026;transition:transform .2s ease,box-shadow .2s ease;cursor:default;box-sizing:border-box;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.hardway-selector:hover{box-shadow:0 4px 10px #0003;cursor:pointer}.hardway-selector.selected{border:2px solid limegreen;box-shadow:0 0 10px #32cd32;border-radius:12px 12px 0 0}.hop-bet-selector{width:46.296296%;aspect-ratio:250 / 90;border-radius:12px;background-color:#bcbcbc;color:#333;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-top:0;font-weight:700;box-shadow:0 2px 6px #00000026;transition:transform .2s ease,box-shadow .2s ease;cursor:default;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.hop-bet-selector:hover{box-shadow:0 4px 10px #0003;cursor:pointer}.hop-bet-selector.selected{border:2px solid limegreen;box-shadow:0 0 10px #32cd32;border-radius:12px 12px 0 0}.hop-bet-betting-area{display:flex;flex-direction:column;width:100%;aspect-ratio:540 / 644;box-sizing:border-box}.hop-bet-betting-area .label{font-size:clamp(12px,2.1vw,40px);color:#fff;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.hop-bet-betting-area .payout-text{width:auto;font-size:clamp(12px,2.1vw,40px);color:#fff;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.hopping-hardway-description{position:relative;width:100%;aspect-ratio:540 / 50;background-color:#14532d;color:#fff;display:flex;align-items:center;justify-content:space-around;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.hopping-hardway-description .middle{white-space:nowrap;z-index:1;font-size:clamp(10px,1.2vw,22px)}.hopping-hardway-description .payout-text{display:flex;align-items:center;white-space:nowrap;z-index:0;font-size:clamp(8px,1.1vw,20px)}.easy-hopway-description{position:relative;width:100%;aspect-ratio:540 / 50;box-sizing:border-box;background-color:#14532d;color:#fff;display:flex;align-items:center;justify-content:space-around;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.easy-hopway-description .middle{white-space:nowrap;z-index:1;font-size:clamp(10px,1.3vw,24px)}.easy-hopway-description .payout-text{display:flex;align-items:center;white-space:nowrap;font-size:clamp(8px,1.1vw,20px)}.hop-hard-four-eight-wrapper,.hop-hard-six-ten-wrapper{display:flex;flex-direction:row;width:100%;aspect-ratio:540 / 90;box-sizing:border-box}.easy-hop-bet-wrapper{width:100%;aspect-ratio:540 / 360;display:flex;flex-direction:row}.left-hop-bets{width:37.037%;aspect-ratio:200 / 360;display:flex;flex-direction:column;box-sizing:border-box}.left-hop-bets .dice-container,.right-hop-bets .dice-container{width:54%}.middle-hop-bets .dice-container{width:77.1428%}.left-hop-bets>*,.right-hop-bets>*{gap:3%}.middle-hop-bets{width:25.926%;aspect-ratio:140 / 360;display:flex;flex-direction:column;box-sizing:border-box}.right-hop-bets{width:37.037%;aspect-ratio:200 / 360;display:flex;flex-direction:column;box-sizing:border-box}.hop-hardway-four{width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;gap:5%;position:relative}.hop-hardway-four.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.hop-hardway-four.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.hop-hardway-four.disabled{cursor:default;opacity:.6}.hop-hardway-eight{width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;gap:5%;position:relative}.hop-hardway-eight.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.hop-hardway-eight.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.hop-hardway-eight.disabled{cursor:default;opacity:.6}.hop-hardway-six{width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;gap:5%;position:relative}.hop-hardway-six.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.hop-hardway-six.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.hop-hardway-six.disabled{cursor:default;opacity:.6}.hop-hardway-ten{width:50%;aspect-ratio:270 / 90;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;gap:5%;position:relative}.hop-hardway-ten.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.hop-hardway-ten.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.hop-hardway-ten.disabled{cursor:default;opacity:.6}.easy-four-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-four-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-four-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-four-hop-bet.disabled{cursor:default;opacity:.6}.easy-five-one-four-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-five-one-four-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-five-one-four-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-five-one-four-hop-bet.disabled{cursor:default;opacity:.6}.easy-five-two-three-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-five-two-three-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-five-two-three-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-five-two-three-hop-bet.disabled{cursor:default;opacity:.6}.easy-six-one-five-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-six-one-five-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-six-one-five-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-six-one-five-hop-bet.disabled{cursor:default;opacity:.6}.easy-six-two-four-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-six-two-four-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-six-two-four-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-six-two-four-hop-bet.disabled{cursor:default;opacity:.6}.seven-one-six-hop-bet{width:100%;aspect-ratio:140 / 120;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 0 8px #1e5e22;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff;font-size:20px}.seven-one-six-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.seven-one-six-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.seven-one-six-hop-bet.disabled{cursor:default;opacity:.6}.seven-three-four-hop-bet{width:100%;aspect-ratio:140 / 120;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 0 8px #1e5e22;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff;font-size:20px}.seven-three-four-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.seven-three-four-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.seven-three-four-hop-bet.disabled{cursor:default;opacity:.6}.seven-two-five-hop-bet{width:100%;aspect-ratio:140 / 120;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 0 8px #1e5e22;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff;font-size:20px}.seven-two-five-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.seven-two-five-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.seven-two-five-hop-bet.disabled{cursor:default;opacity:.6}.easy-eight-two-six-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-eight-two-six-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-eight-two-six-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-eight-two-six-hop-bet.disabled{cursor:default;opacity:.6}.easy-eight-three-five-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-eight-three-five-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-eight-three-five-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-eight-three-five-hop-bet.disabled{cursor:default;opacity:.6}.easy-nine-three-six-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-nine-three-six-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-nine-three-six-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-nine-three-six-hop-bet.disabled{cursor:default;opacity:.6}.easy-nine-four-five-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-nine-four-five-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-nine-four-five-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-nine-four-five-hop-bet.disabled{cursor:default;opacity:.6}.easy-ten-hop-bet{width:100%;aspect-ratio:200 / 72;box-sizing:border-box;border:2px solid #3e9a43;background-color:#3e9a43;border-radius:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8);overflow:visible;box-shadow:inset 0 0 8px #1e5e22;display:flex;align-items:center;justify-content:center;position:relative}.easy-ten-hop-bet.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.easy-ten-hop-bet.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.easy-ten-hop-bet.disabled{cursor:default;opacity:.6}.craps-and-eleven{width:44.4444%;aspect-ratio:1 / 1;border-radius:50%;background-color:transparent;color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(10px,2vw,32px);text-shadow:1px 1px 2px black;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;box-sizing:border-box;position:relative}.craps-and-eleven.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.craps-and-eleven.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.craps-and-eleven.disabled{cursor:default;opacity:.6}.craps{width:27.7778%;aspect-ratio:1 / 1;border-radius:50%;background-color:transparent;color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(10px,2vw,32px);text-shadow:1px 1px 2px black;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;box-sizing:border-box;position:relative}.craps.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.craps.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.craps.disabled{cursor:default;opacity:.6}.eleven{width:27.7778%;aspect-ratio:1 / 1;border-radius:50%;background-color:transparent;color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(10px,2vw,32px);text-shadow:1px 1px 2px black;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;box-sizing:border-box;position:relative}.eleven.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.eleven.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.eleven.disabled{cursor:default;opacity:.6}.lucky-roller{display:flex;flex-direction:column;width:72.29%;font-size:clamp(10px,1.6vw,24px)}.lucky-roller-tracker-container-wrapper{width:27.71%;aspect-ratio:69 / 640}.lucky-roller-tracker-container{width:27.71%;aspect-ratio:69 / 642;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:#3e9a43 4px solid;border-radius:8px 0 0 8px;box-sizing:border-box}.lucky-roller-wrapper{display:flex;flex-direction:row;align-items:end;width:12.51885%;aspect-ratio:249 / 765}.tracker-box{width:90%;aspect-ratio:1 / 1;background-color:transparent;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:50%;font-size:clamp(8px,2vw,30px);border:2px solid #176b1b;transition:background-color .3s;box-sizing:border-box}.tracker-box.highlight{background:linear-gradient(135deg,#fff176,#fbc02d);color:#333;border-color:#fbc02d;box-shadow:0 0 8px 2px #fbc02db3,inset 0 2px 4px #fff6;transform:scale(1.1);transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease,color .3s ease}.low-rolls{width:100%;aspect-ratio:180 / 214;box-sizing:border-box;position:relative;color:#fff;background-color:#176b1b;text-transform:uppercase;font-weight:700;border-radius:0 0 8px;border:#3e9a43 4px solid;text-shadow:1px 1px 2px rgba(0,0,0,1);box-shadow:inset 0 0 10px #00000080;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.low-rolls .payout-text,.low-rolls .label{color:#fff;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.low-rolls.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.low-rolls.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.low-rolls.disabled{cursor:default;opacity:.6}.high-rolls{width:100%;aspect-ratio:180 / 214;box-sizing:border-box;position:relative;color:#fff;background-color:#176b1b;text-transform:uppercase;font-weight:700;border-radius:0 8px 0 0;border:#3e9a43 4px solid;text-shadow:1px 1px 2px rgba(0,0,0,1);box-shadow:inset 0 0 10px #00000080;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.high-rolls .payout-text,.high-rolls .label{color:#fff;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.high-rolls.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.high-rolls.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.high-rolls.disabled{cursor:default;opacity:.6}.roll-them-all{width:100%;aspect-ratio:180 / 214;box-sizing:border-box;position:relative;color:#fff;background-color:#176b1b;text-transform:uppercase;font-weight:700;border:#3e9a43 4px solid;text-shadow:1px 1px 2px rgba(0,0,0,1);box-shadow:inset 0 0 10px #00000080;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.roll-them-all .payout-text,.roll-them-all .label{color:#fff;font-weight:700;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px black}.roll-them-all.clickable{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.roll-them-all.clickable:hover{box-shadow:0 0 12px 3px #5bd96a}.roll-them-all.disabled{cursor:default;opacity:.6}.game-tool-bar{display:flex;justify-content:space-evenly;align-items:center;height:clamp(0px,10vw,200px);width:100%;padding:24px 40px;border-top:3px solid #4e342e;border-bottom:3px solid #4e342e;box-sizing:border-box;background:linear-gradient(135deg,#5d4037,#8d6e63);box-shadow:inset 0 2px 4px #fff3,0 6px 16px #0006;color:#fff;font-family:Segoe UI,sans-serif;font-size:1.4rem;letter-spacing:.5px;z-index:10}.dice-sum-wrapper{width:56.102%;aspect-ratio:308 / 173;display:flex;flex-direction:column;align-items:center;justify-content:center}.forced-roller-game-tool-bar-wrapper{margin-top:0;bottom:0;position:absolute;display:flex;flex-direction:column;width:100%;aspect-ratio:2560 / 190;max-height:380px;align-items:start;justify-content:end;box-sizing:border-box;left:0;z-index:10}.forced-roller-game-tool-bar-wrapper.open{aspect-ratio:2560 / 190}.forced-roller-button-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:0px;box-sizing:border-box;align-items:flex-end}.forced-roller-button-wrapper.open{height:clamp(140px,10vw,180px)}.button-wrapper{display:flex;flex-direction:row;justify-content:space-around;width:clamp(0px,35%,750px)}.button-wrapper button{width:26.6667%;aspect-ratio:200 / 45;font-size:clamp(6px,1.2vw,17px)}.analytics-button{padding:.5% 1%;right:1%;font-size:clamp(6px,1.2vw,17px);background-color:#3e2723;color:#fff;border:black 2px solid;border-radius:4px;box-shadow:0 4px 6px #0000004d;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.analytics-button:hover{background-color:#653f37}.roll-button{width:29.4117%;aspect-ratio:1 / 1;border-radius:50%;border:3px solid #111;background:radial-gradient(circle at center,#fa4a4a,#c62828);color:#fff;font-size:clamp(8px,1.2vw,24px);font-weight:700;text-transform:uppercase;box-shadow:0 6px 10px #0000004d;transition:all .2s ease;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.roll-button:hover{background:radial-gradient(circle at center,#ff5e5e,#d32f2f);transform:scale(1.05);box-shadow:0 8px 14px #00000059}.roll-button:active{transform:scale(.95);background:radial-gradient(circle at center,#d93030,#aa1e1e);box-shadow:0 4px 6px #00000040}.roll-button:disabled{background:#ccc;border-color:#aaa;color:#666;cursor:not-allowed;box-shadow:none;transform:none}.balance{width:clamp(0px,30.5313%,500px);background-size:100% 100%;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;opacity:.95;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.balance-info{display:flex;gap:40px;width:100%;justify-content:center;align-items:end}.balance .label{width:100%;text-align:center;font-size:clamp(14px,2vw,28px);font-weight:600;color:#f0f9f0;text-shadow:1px 1px 2px rgba(0,0,0,.45)}.balance-item{width:100%;aspect-ratio:4 / 1;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#ffffff12;box-shadow:inset 0 1px 3px #ffffff1f,0 0 6px #0003;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:center;box-sizing:border-box}.balance-item.balance-main,.balance-item.balance-table{background:#3e2723;box-shadow:0 0 6px #0006}.balance-item span{color:#f0f9f0;text-shadow:1px 1px 2px rgba(0,0,0,.45);font-weight:500}.balance-item .value{font-size:clamp(10px,1.6vw,26px);font-weight:800;color:#fff176}.balance-item-wrapper{width:45%;aspect-ratio:2 / 1;display:flex;flex-direction:column;align-items:center}.chip-selector{width:clamp(0px,26.5625%,680px);aspect-ratio:680 / 140;display:flex;flex-wrap:wrap;gap:2.3529%;justify-content:center;align-items:center}.chip{width:14.7059%;aspect-ratio:1 / 1;border-radius:50%;border:none;font-weight:700;font-size:clamp(4px,1.2vw,24px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;position:relative;overflow:hidden;--chip-color: black;box-shadow:inset 0 3px 6px #0000004d,0 5px 10px #0006;transform:scale(1);padding:0}.chip span{position:relative;z-index:2;color:#000;text-shadow:0 1px 2px rgba(255,255,255,.85)}.chip.active{box-shadow:0 0 15px 6px #ffd700b3,inset 0 3px 6px #00000040;transform:scale(1.1)}.chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:0;opacity:.9;background-size:cover}.chip:before{content:"";position:absolute;top:50%;left:50%;width:76%;height:76%;background-color:#fff;border-radius:50%;border:4px solid var(--chip-color);transform:translate(-50%,-50%);z-index:1;box-shadow:inset 0 2px 4px #0000004d}.chip.white{--chip-color: #555}.chip.white:after{background-image:repeating-conic-gradient(#666,#666 15deg,#fff 15deg,#fff 30deg)}.chip.red{--chip-color: #b00020}.chip.red:after{background-image:repeating-conic-gradient(#fff,#fff 15deg,#b00020 15deg,#b00020 30deg)}.chip.blue{--chip-color: #005fcc}.chip.blue:after{background-image:repeating-conic-gradient(#fff,#fff 15deg,#005fcc 15deg,#005fcc 30deg)}.chip.green{--chip-color: #087f23}.chip.green:after{background-image:repeating-conic-gradient(#fff,#fff 15deg,#087f23 15deg,#087f23 30deg)}.chip.black{--chip-color: #111}.chip.black:after{background-image:repeating-conic-gradient(#eee,#eee 15deg,#111 15deg,#111 30deg)}.chip.remove{--chip-color: #c40000}.chip.remove:after{background-image:repeating-conic-gradient(#fff,#fff 15deg,#c40000 15deg,#c40000 30deg)}.chip:hover{transform:scale(1.05);box-shadow:0 0 10px 4px #fff3,inset 0 2px 4px #0003}.chip-overlay{position:absolute;top:50%;left:50%;width:clamp(0px,3vw,64px);aspect-ratio:1 / 1;border-radius:50%;background-color:#fff;font-weight:700;box-shadow:0 4px 10px #0006;color:#000;border:2px solid black;text-shadow:0 1px 2px rgba(255,255,255,.6);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10;--chip-color: #d32f2f;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease}.chip-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:0;background-image:repeating-conic-gradient(white 0deg 15deg,var(--chip-color) 15deg 30deg);opacity:.9}.chip-overlay:before{content:"";position:absolute;top:50%;left:50%;width:74%;height:74%;background-color:#fff;border-radius:50%;border:3px solid var(--chip-color);transform:translate(-50%,-50%);z-index:1;box-shadow:inset 0 0 4px #0003}.chip-value{position:relative;z-index:2;font-weight:700;font-size:clamp(4px,1vw,16px);margin:0;line-height:1;text-align:center;white-space:nowrap;max-width:80%;color:#000}.chip-overlay.white{--chip-color: rgb(41, 41, 41);background-color:#f9f9f9}.chip-overlay.red{--chip-color: #b00020;background-color:#f44336}.chip-overlay.blue{--chip-color: #007acc;background-color:#2196f3}.chip-overlay.green{--chip-color: #2e7d32;background-color:#4caf50}.chip-overlay.black{--chip-color: #222;background-color:#333;color:#fff}.dice{position:relative;width:44.23077%;aspect-ratio:1 / 1;background-color:red;border:2px solid rgb(0,0,0);border-radius:12px;box-shadow:0 6px 12px #0009}.dice-container{width:67.5325%;aspect-ratio:208 / 92;display:flex;gap:7.7922%;justify-content:center;align-items:center;margin-top:6.4935%;margin-left:32.4675%}.dot{position:absolute;width:19.5652%;aspect-ratio:1 / 1;background-color:#fff;border-radius:50%;box-shadow:0 3px 9px #000000f2,0 0 3px #000c}.dot-center{top:50%;left:50%;transform:translate(-50%,-50%)}.dot-top-left{top:15%;left:15%}.dot-top-right{top:15%;right:15%}.dot-middle-left{top:50%;left:15%;transform:translateY(-50%)}.dot-middle-right{top:50%;right:15%;transform:translateY(-50%)}.dot-bottom-left{bottom:15%;left:15%}.dot-bottom-right{bottom:15%;right:15%}@keyframes roll{0%{transform:rotate(0) translate(0)}20%{transform:rotate(20deg) translate(-5px)}40%{transform:rotate(-20deg) translate(5px)}60%{transform:rotate(20deg) translate(-5px)}80%{transform:rotate(-20deg) translate(5px)}to{transform:rotate(0) translate(0)}}.dice.rolling{animation:roll .6s ease-in-out}.sum{width:37.987%;aspect-ratio:117 / 51;margin-left:32.4675%;margin-top:3.24675%;padding:3.24675% 6.4935%;font-size:clamp(8px,1.2vw,24px);font-weight:600;color:#2c3e50;background-color:#ecf0f1;border-radius:8px;box-shadow:0 2px 6px #0000001a;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.forced-roller-popup{width:clamp(0px,58.59375%,1500px);gap:.4%;padding:clamp(0px,1%,20px);background-color:#111;border:1px solid #666;border-radius:10px;box-sizing:border-box;box-shadow:inset 0 0 15px #222;display:flex;justify-content:space-between;white-space:nowrap}.roller-total-header{color:#ddd;font-weight:600;font-size:clamp(5px,1vw,17px);margin-bottom:8.3333%;margin-top:0}.roller-total-group{position:relative;display:flex;flex-direction:column;align-items:center;width:clamp(0px,8%,120px);aspect-ratio:120 / 138;flex-shrink:0}.roller-buttons{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.roller-die-button{width:100%;aspect-ratio:81 / 32;max-height:38px;padding:0 8.3333%;margin-bottom:clamp(0px,6.6667%,6px);background-color:#444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:clamp(6px,.8vw,14px);box-shadow:0 2px 5px #0006;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease;overflow:hidden}.roller-die-button:hover{background-color:#666}.dice-roller-toggle{background-color:#333;color:#eee;padding:1% 2%;border:none;border-radius:8px;cursor:pointer;box-sizing:border-box;transition:height .3s ease,opacity .3s ease;box-shadow:0 2px 6px #0006;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dice-roller-toggle:hover{background-color:#555;box-shadow:0 4px 12px #000000b3}.gear-icon{position:absolute;top:12%;left:2%;width:clamp(12px,2vw,36px);height:clamp(12px,2vw,36px);color:#000;cursor:pointer;transition:transform .2s ease-in-out,color .2s ease-in-out;z-index:1}.gear-icon:hover{transform:scale(1.15);color:#333}.gear-icon:active{transform:scale(1.05)}.switch-icon{width:clamp(16px,3.3vw,75px);height:clamp(16px,3.3vw,75px);color:#000;cursor:pointer;transition:transform .2s ease-in-out,color .2s ease-in-out;z-index:1}.switch-icon:hover{transform:scale(1.15) rotate(10deg);color:#333}.switch-icon:active{transform:scale(1.05)}.switch-button{display:flex;flex-direction:column;align-items:center}.switch-button-label{font-size:clamp(8px,1.5vw,20px);text-align:center;color:#000}.game{height:100%;width:100%;background:radial-gradient(circle,#4be34e,#3da542,#2c8b31,#256b29,#1e5e22);align-items:unset}.board-wrapper{height:100%;width:100%;display:flex}.roll-history{width:100%;aspect-ratio:2560 / 75;background-color:#055109;font-family:monospace;color:#fff;box-sizing:border-box;overflow:hidden;position:fixed;top:50px;z-index:1}.roll-history .rolls{width:100%;aspect-ratio:2560 / 75;display:flex;flex-direction:row;gap:.46875%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.roll-history .rolls::-webkit-scrollbar{display:none}.dice-total-wrapper{width:3.5156%;aspect-ratio:90 / 64;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.roll-history .roll{width:100%;aspect-ratio:90 / 40;display:flex;justify-content:center;gap:4.4444%}.roll-history .dice{width:44.4444%;aspect-ratio:1 / 1;border-radius:8px;box-shadow:0 4px 8px #0009;box-sizing:border-box}.roll-history .dot{width:20%;aspect-ratio:1 / 1;box-shadow:0 2px 6px #000000f2,0 0 2px #000c}.roll-history-total{width:100%;aspect-ratio:90 / 24;box-sizing:border-box;background-color:#3d3d3d;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:clamp(4px,1.1vw,18px);border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.settings{position:relative;width:100%;height:100%;border-radius:10px;color:#000}.settings>h2{margin:0}.close-button{position:absolute;top:10px;right:12px;background:transparent;border:none;font-size:44px;color:#fff;cursor:pointer}.close-button:hover{color:#ff8080}.setting-item{width:30%;height:6%;font-size:clamp(12px,2vw,30px);border:1px solid black;border-radius:12px;margin-bottom:2%;margin-right:2%;cursor:pointer;transition:transform .05s ease,box-shadow .05s ease,background-color .2s ease;box-shadow:0 4px 10px #0003}.animate:active{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 15px #00000052}.input-wrapper{display:flex;flex-direction:column;gap:.5%}label{color:#000;font-weight:600;font-size:clamp(12px,2vw,24px)}.on{background-color:#3da542}.off{background-color:#dc0000}.on:hover{background-color:#49c54f}.off:hover{background-color:red}.analytics-container{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:auto;background:transparent}.analytics-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;max-width:100%;max-height:100%}.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:16px;width:100%;height:100%;max-width:100%;max-height:100%;flex:1}.chart-cell{width:100%;height:100%;min-width:0;min-height:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.chart-cell .chart-container{width:100%;height:100%}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;flex-shrink:0}.pagination-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#334155;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;gap:6px}.pagination-page{width:36px;height:36px;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#334155;transition:all .2s}.pagination-page:hover{background:#f1f5f9;border-color:#cbd5e1}.pagination-page.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.grid-container{width:100%;height:100%}.grid-controls{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.5rem;padding:1rem}.slider-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.slider-label{color:#fff;font-weight:500;min-width:6rem}.slider-input{flex:1;height:.5rem;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;background:#fff;cursor:pointer}.slider-input::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:#fff;cursor:pointer;border:none}.grid-info{color:#fffc;font-size:.875rem}.grid-info>div{margin-bottom:.25rem}.grid-wrapper{border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.grid-layout{display:grid}.grid-cell{border-radius:.25rem;transition:all .3s;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-family:monospace}.grid-cell:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d}.query-builder-placeholder{text-align:center;color:#6b7280;margin-top:80px}.query-builder-placeholder h1{font-size:36px;font-weight:700;margin-bottom:16px}.query-builder-toggle{position:absolute;top:50%;left:-50px;transform:translateY(-50%);z-index:50;background-color:#1f2937;color:#fff;padding:12px 6px;border-radius:8px 0 0 8px;box-shadow:-4px 0 12px #00000026;cursor:pointer;transition:background-color .3s ease;border:none}.query-builder-toggle:hover{background-color:#374151}.query-builder-toggle svg{width:20px;height:20px;display:block}.query-builder-sidebar{position:relative;height:100%;width:min(25vw,500px);min-width:320px;background-color:#fff;box-shadow:-8px 0 24px #00000026;overflow-y:auto;border-left:2px solid #e5e7eb;z-index:11;transition:width .3s ease}.query-builder-sidebar.collapsed{width:0;overflow:hidden}.sidebar-header{position:sticky;top:0;background-color:#fff;z-index:10;border-bottom:1px solid #e5e7eb;padding:16px}.sidebar-header h1{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.sidebar-header p{font-size:14px;color:#6b7280;margin-bottom:12px}.sidebar-header-buttons{display:flex;gap:8px}.sidebar-add-rule-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.sidebar-add-rule-btn:hover{background-color:#2563eb}.sidebar-export-btn{padding:8px 12px;background-color:#10b981;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.sidebar-export-btn:hover{background-color:#059669}.sidebar-content{padding:16px}.empty-state{background-color:#f9fafb;border-radius:8px;padding:32px;text-align:center;color:#6b7280}.empty-state p{font-size:14px}.rule-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:2px solid #e5e7eb;padding:16px;margin-bottom:16px;cursor:move;transition:opacity .2s ease,transform .2s ease,border-color .2s ease,background-color .2s ease}.rule-card.dragging{opacity:.5;transform:scale(.95)}.rule-card.drag-over{border-color:#3b82f6;border-width:2px;transform:translateY(-4px)}.rule-card.selected{border-color:#3b82f6;background-color:#f0f9ff;box-shadow:0 0 12px #3b82f64d}.rule-card.selected:hover{border-color:#2563eb;box-shadow:0 0 16px #2563eb66}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rule-header-left{display:flex;align-items:center;gap:8px}.rule-drag-handle{color:#9ca3af;cursor:move;padding:4px}.rule-drag-handle svg{width:20px;height:20px}.rule-header h2{font-size:18px;font-weight:600;color:#1f2937}.rule-delete-btn{color:#ef4444;background:none;border:none;cursor:pointer;padding:4px;transition:color .2s ease}.rule-delete-btn:hover{color:#dc2626}.rule-delete-btn svg{width:16px;height:16px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-header h3{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase}.section-add-btn{display:flex;align-items:center;gap:4px;font-size:12px;background:none;border:none;cursor:pointer;padding:4px;transition:color .2s ease}.section-add-btn.conditions{color:#3b82f6}.section-add-btn.conditions:hover{color:#2563eb}.section-add-btn.actions{color:#10b981}.section-add-btn.actions:hover{color:#059669}.section-add-btn svg{width:12px;height:12px}.condition-block{background-color:#eff6ff;border:2px solid #93c5fd;border-radius:8px;padding:12px;margin-bottom:8px}.block-content{display:flex;align-items:flex-start;gap:8px}.block-grip{color:#9ca3af;margin-top:4px;flex-shrink:0}.block-grip svg{width:16px;height:16px}.block-fields{flex:1}.block-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.block-row:last-child{margin-bottom:0}.block-label{font-size:14px;font-weight:500;color:#374151}.block-label-secondary{font-size:14px;color:#6b7280}.block-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background-color:#fff}.block-input{width:80px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.block-delete-btn{color:#ef4444;background:none;border:none;cursor:pointer;flex-shrink:0;padding:4px;transition:color .2s ease}.block-delete-btn:hover{color:#dc2626}.block-delete-btn svg{width:16px;height:16px}.number-toggles{display:flex;gap:4px;flex-wrap:wrap}.number-toggle{padding:4px 8px;font-size:12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease}.number-toggle.active{background-color:#3b82f6;color:#fff}.number-toggle.inactive{background-color:#e5e7eb;color:#374151}.action-block{background-color:#f0fdf4;border:2px solid #86efac;border-radius:8px;padding:12px;margin-bottom:8px}.conditions-section{margin-bottom:12px}.actions-section{margin-bottom:0}.query-builder-sidebar::-webkit-scrollbar{width:8px}.query-builder-sidebar::-webkit-scrollbar-track{background:#f3f4f6}.query-builder-sidebar::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.query-builder-sidebar::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width: 768px){.query-builder-sidebar{width:100vw;min-width:100vw}.query-builder-toggle:not(.collapsed){right:100vw}}.always-bet-toggle{padding:10px 15px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center}.always-bet-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;font-weight:500}.always-bet-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px}.empty-message{padding:12px 15px;background-color:#f5f5f5;color:#666;font-size:.85rem;border-radius:4px;text-align:center;font-style:italic}.section-add-btn:disabled{opacity:.5;cursor:not-allowed}.block-actions{display:flex;gap:8px;align-items:center}.block-pick-btn{background:#f7fafc;border:1px solid #cbd5e1;color:#2563eb;font-weight:500;padding:4px 14px;border-radius:18px;margin-left:10px;cursor:pointer;transition:background .2s,border .2s,color .2s;display:inline-flex;align-items:center;gap:6px;font-size:15px}.block-pick-btn:hover{background:#e0e7ff;border-color:#2563eb;color:#1e40af}.block-pick-btn.active{background-color:#fbbf24;border:2px solid #f59e0b}.picking-mode-panel{margin-top:12px;padding:12px;background-color:#fef3c7;border:2px solid #fbbf24;border-radius:6px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.picking-mode-title{font-size:12px;font-weight:600;color:#92400e;margin-bottom:8px;text-transform:uppercase}.picking-mode-bets{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;max-height:200px;overflow-y:auto}.picking-mode-bet-btn{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background-color:#fff;border:1px solid #f59e0b;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s ease}.picking-mode-bet-btn:hover{background-color:#fffbeb;border-color:#d97706}.picking-mode-bet-btn .bet-label{font-weight:500;color:#1f2937}.picking-mode-bet-btn .bet-amount{font-weight:600;color:#f59e0b}.no-bets-message{font-size:12px;color:#92400e;text-align:center;padding:8px;font-style:italic}.picking-mode-cancel-btn{width:100%;padding:6px;background-color:#fcd34d;border:1px solid #f59e0b;border-radius:4px;font-size:12px;font-weight:600;color:#92400e;cursor:pointer;transition:all .2s ease}.picking-mode-cancel-btn:hover{background-color:#fbbf24;border-color:#d97706}.action-bets-section{margin-top:12px;padding:8px;background-color:#f9fafb;border-radius:4px;border-left:3px solid #10b981}.action-bet-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px;padding:8px;background-color:#fff;border-radius:4px;border:1px solid #e5e7eb}.action-bet-row:last-child{margin-bottom:0}.bet-remove-btn{background:none;border:none;color:#ef4444;font-size:16px;cursor:pointer;padding:2px 6px;transition:color .2s ease;flex-shrink:0}.bet-remove-btn:hover{color:#dc2626}.add-bet-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:6px;background-color:#10b981;color:#fff;border:1px solid #059669;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.add-bet-btn:hover{background-color:#059669}.empty-bets-message{padding:8px;text-align:center;font-size:12px;color:#6b7280;font-style:italic}.pick-from-board-btn{background:#f7fafc;border:1px solid #cbd5e1;color:#2563eb;font-weight:500;padding:4px 14px;border-radius:18px;margin-left:10px;cursor:pointer;transition:background .2s,border .2s,color .2s;display:inline-flex;align-items:center;gap:6px;font-size:15px}.pick-from-board-btn:hover,.pick-from-board-btn.pick-active{background:#e0e7ff;border-color:#2563eb;color:#1e40af}.board-picking-mode-panel{background:#fffbe6;border:2px solid #ffe58f;border-radius:10px;padding:20px 22px;margin:14px 0 20px;box-shadow:0 2px 10px #ffe58f1a;color:#7c5c00;font-size:1rem;position:relative;animation:fadeInBoardPick .2s ease}@keyframes fadeInBoardPick{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.board-picking-title{font-size:13px;font-weight:700;color:#b45309;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.board-picking-cancel-btn{background:#fff;border:1px solid #ffd666;color:#b45309;border-radius:6px;padding:6px 18px;font-weight:600;cursor:pointer;margin-top:12px;transition:background .2s,border .2s,color .2s}.board-picking-cancel-btn:hover{background:#fffbe6;border-color:#fbbf24;color:#92400e}.rule-title-input{font-size:1.2em;font-weight:700;border:none;background:transparent;color:inherit;outline:none;padding:0;margin-right:8px;width:100%;cursor:pointer;transition:background .2s}.rule-title-input:focus{background:#f0f0f0;cursor:text}.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.91px}.book-icon{position:absolute;top:12%;left:6%;width:clamp(12px,2vw,36px);height:clamp(12px,2vw,36px);color:#000;cursor:pointer;transition:transform .2s ease-in-out,color .2s ease-in-out;z-index:1;fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.91px}.book-icon:hover{transform:scale(1.15);color:#333}.book-icon:active{transform:scale(1.05)}.entry{display:flex;flex-direction:column;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}.entry label,.entry div{font-size:16px}.payout-table{-moz-columns:4;columns:4;-moz-column-gap:10px;column-gap:10px;height:100%;width:100%;overflow:auto}