body{
    -webkit-user-select:none; /* Safari */
    -khtml-user-select:none; /* Konqueror HTML */
    -moz-user-select:none; /* Firefox */
    -ms-user-select:none; /* Internet Explorer/Edge */
    user-select:none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.p_ga_2_m{background:var(--color-2);padding:10px 10px;border-radius:0 0 10px 10px;}
.p_ga_2_m .nap{position:relative;}
.p_ga_2_m .nap .na{font-size:24px;}
.p_ga_2_m .nap .ty{font-size:16px;background:var(--mainColor);display:table;padding:0 10px;border-radius:2px;color:black;}
.p_ga_2_m .nap .gc{color:var(--mainColor);font-size:20px;}
.p_ga_2_m .nap .dl{font-size:42px;display:table;float:right;margin-top:-50px;}

.p_ga_2_m .start-box{display:table;z-index:12;position:relative;margin:0 auto;overflow:hidden;max-width:400px;width:100%;}

.p_ga_2_m .te{margin:0 auto 5px;text-align:center;font-size:22px;z-index:1;position:relative;display:table;width:100%;}

.p_ga_2_m .di[di="1"]{background:url('/images16/dice/transparent/1.png'), linear-gradient(175deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, .3));}
.p_ga_2_m .di[di="2"]{background:url('/images16/dice/transparent/2.png'), linear-gradient(175deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, .3));}
.p_ga_2_m .di[di="3"]{background:url('/images16/dice/transparent/3.png'), linear-gradient(175deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, .3));}
.p_ga_2_m .di[di="4"]{background:url('/images16/dice/transparent/4.png'), linear-gradient(175deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, .3));}
.p_ga_2_m .di[di="5"]{background:url('/images16/dice/transparent/5.png'), linear-gradient(175deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, .3));}
.p_ga_2_m .di[di="6"]{background:url('/images16/dice/transparent/6.png'), linear-gradient(175deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, .3));}

.p_ga_2_m .nup{display:table;padding:30px 0;text-align:center;position:relative;max-width:400px;margin:0 auto 0;background:var(--color-1);border-top:2px solid var(--mainColor);width:100%;}
.p_ga_2_m .nup::before{content:"";width:20px;height:20px;bottom:-10px;background:var(--color-2);transform:rotate(-45deg);position:absolute;left:-10px;z-index:2;}
.p_ga_2_m .nup::after{content:"";width:20px;height:20px;bottom:-10px;background:var(--color-2);transform:rotate(-45deg);position:absolute;right:-10px;z-index:2;}
.p_ga_2_m .nup .t{display:table;margin:10px auto;}
.p_ga_2_m .nup .t .nu{float:left;width:15px;font-size:16px;}
.p_ga_2_m .nup .t .di{float:left;width:30px;height:30px;display:inline-block;background-size:75%, cover;margin-right:10px;border-radius:5px;transition:1.2s;cursor:pointer;background-repeat:no-repeat;background-position:center;background-color:var(--color-5);}
.p_ga_2_m .nup .t .di:active{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#aaaaaa;position:relative;z-index:2;transition:.4s;transform:rotate(15deg) scale(1.5);}
.p_ga_2_m .nup .t .di.selected{background-color:var(--mainColor);}

.p_ga_2_m .nus{background:var(--color-1);height:75px;text-align:center;display:flex;position:relative;margin:0 auto -50px;padding:10px 0;width:100%;justify-content:center;}
.p_ga_2_m .nus::before{content:"";width:100%;position:absolute;height:10px;border-top:2px dashed var(--color-3);top:0;left:0;}
.p_ga_2_m .nus .t{display:inline-block;margin:17px 20px 0 0;position:relative;}
.p_ga_2_m .nus .t .nu{position:absolute;left:-4px;top:1px;font-size:23px;}
.p_ga_2_m .nus .t .di{width:40px;height:40px;display:inline-block;background-size:75%, cover;background-color:var(--mainColor);margin-left:11px;border-radius:6px;background-position:center;background-repeat:no-repeat;}

.p_ga_2_m .bup{position:relative!important;width:100%;height:40px;z-index:99;max-width:400px;border-radius:5px;margin-top:50px;color:#111111;}
.p_ga_2_m .bup .am-in-bo{float:left;width:calc(45% - 50px);padding:10px 35px 10px 15px;color:#111111;background:var(--mainColor);border-radius:0;background-image:linear-gradient(135deg,rgba(255,255,255, .3) , rgba(0,0,0, .3));border-radius:0 0 0 10px;}
.p_ga_2_m .bup .am-in-bo .am-va{width:60px;color:#111111;}
.p_ga_2_m .bup .bu{width:calc(55% - 12px);height:50px;margin:0;padding:0 5px;font-size:20px;color:#111111;text-align:center;display:table;background:var(--mainColor);position:absolute;right:0;top:0;cursor:pointer;background-image:linear-gradient(135deg,rgba(255,255,255, .3) , rgba(0,0,0, .3));border-radius:0 0 10px 0;}
.p_ga_2_m .bup .bu span{position:relative;line-height:50px;display:table;margin:0 auto;color:#111111;}
.p_ga_2_m .bup .bu span::before{content:"";position:absolute;width:12px;height:12px;top:18px;right:-15px;background:url('/images16/arrow_down_v1.png') no-repeat scroll center / contain;transform:rotate(-90deg);}

.p_ga_2_m .res{display:table;width:100%;margin:0 auto 40px;}
.p_ga_2_m .res .res_te{font-size:18px;display:table;margin:10px auto 10px;padding:2px 10px 0;}
.p_ga_2_m .res .res_li{display:table;margin:0 auto;text-align:center;}
.p_ga_2_m .res .res_li .t{margin:5px 5px 15px;background:var(--color-2);border-radius:100px;display:inline-block;padding:0 10px;position:relative;height:19px;}
.p_ga_2_m .res .res_li .t .sc{position:absolute;top:-15px;right:0;left:0;margin:0 auto;display:table;}
.p_ga_2_m .res .res_li .t .sc .c{width:6px;height:6px;border-radius:100px;margin:1px;background:var(--color-9);display:inline-block;}

/*.p_ga_2_m .result-box{display:none;}*/
/*.p_ga_2_m .result-box .di{width:70px;height:70px;margin:50px auto 25px auto;background-size:74%, cover;background-color:#ffffff;border-radius:6px;background-repeat:no-repeat;background-position:center;display:table;animation:pulse 2s cubic-bezier(0,0,0,1.2) 2s infinite;box-shadow:0 0 30px var(--color-3);}*/

.p_ga_2_m .t1{display:table;background:var(--color-3);margin:20px auto;border-radius:5px;padding:10px;transition:.8s;width:calc(100% - 20px);max-width:380px;}
.p_ga_2_m .t1 .t1_gc{float:left;font-size:23px;margin-top:7px;}
.p_ga_2_m .t1 .t1_res{position:relative;float:right;}
.p_ga_2_m .t1 .t1_res .res_t{display:inline-block;margin:5px 0 0 10px;position:relative;}
.p_ga_2_m .t1 .t1_res .res_t .nu{position:absolute;left:-1px;top:2px;font-size:14px;}
.p_ga_2_m .t1 .t1_res .res_t .di{display:inline-block;height:30px;width:30px;background-size:75%, cover;background-color:#ffffff;border-radius:6px;margin-left:10px;position:relative;background-repeat:no-repeat;background-position:center;}

.p_ga_2_m .t2{display:table;width:100%;margin:10px auto;height:50px;max-width:400px;overflow:hidden;}

.p_ga_2_m .t2 .t2_bo1{float:left;width:calc(60% - 12px);display:inline-block;border-right:2px dashed rgb(0 0 0 / 15%);height:49px;background:var(--color-4);box-shadow:0 0 31px 20px var(--color-3);z-index:1;position:relative;margin-left:10px;border-radius:10px 0 0 10px;}
.p_ga_2_m .t2 .t2_bo1 .t2_nap{display:table;margin:0;font-size:11px;transform:rotate(-90deg);position:absolute;left:-29px;top:18px;width:50px;text-align:center;box-shadow:0 0 20px var(--color-3);border-radius:10px 10px 0 0;}
.p_ga_2_m .t2 .t2_bo1 .t2_nap .t2_ti{float:left;display:none;}
.p_ga_2_m .t2 .t2_bo1 .t2_nap .t2_gpc{}
.p_ga_2_m .t2 .t2_bo1 .t2_nus{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center;}
.p_ga_2_m .t2 .t2_bo1 .t2_nus .nus_t{margin:0 auto;display:inline-block;position:relative;}
.p_ga_2_m .t2 .t2_bo1 .t2_nus .nus_t .nu{position:absolute;left:0;top:0;font-size:12px;}
.p_ga_2_m .t2 .t2_bo1 .t2_nus .nus_t .di{display:inline-block;height:20px;width:20px;background-color:var(--mainColor);background-size:74%;border-radius:6px;position:relative;background-repeat:no-repeat;background-position:center;margin:0 7px;}
.p_ga_2_m .t2 .t2_bo1 .t2_nus .nus_t .di[re="1"]{background-color:#ffffff !important;transform:scale(1.2);}

.p_ga_2_m .t2 .t2_bo2{float:left;width:40%;display:inline-block;height:50px;position:relative;background:var(--color-4);transform:scale(.8);margin-left:-16px;transition:.8s;}
.p_ga_2_m .t2 .t2_bo2::before{content:"";height:30px;width:30px;position:absolute;background:var(--color-3);display:inline-block;z-index:2;top:10px;right:-15px;border-radius:100%;}
.p_ga_2_m .t2 .t2_bo2 .t2_st{height:50px;width:2px;position:absolute;right:0;top:0;z-index:0;}
.p_ga_2_m .t2 .t2_bo2 .t2_st[st="1"]{background:#3D3D3D;}
.p_ga_2_m .t2 .t2_bo2 .t2_st[st="2"]{background:#79b93f;}
.p_ga_2_m .t2 .t2_bo2 .t2_st[st="3"]{background:#ff5050;}

.p_ga_2_m .t2 .t2_bo2 .t2_re{display:none;margin:3px 0 -10px;}
.p_ga_2_m .t2 .t2_bo2 .t2_re .t2_re_te{display:table;margin:0 auto;}
.p_ga_2_m .t2 .t2_bo2 .t2_re .am-bo{margin:0 auto;display:table;}

.p_ga_2_m .t2 .t2_bo2 .t2_wi{display:none;margin:3px 0 -10px;}
.p_ga_2_m .t2 .t2_bo2 .t2_wi .t2_wi_te{display:table;margin:0 auto;}
.p_ga_2_m .t2 .t2_bo2 .t2_wi .am-bo{margin:0 auto;display:table;}

.p_ga_2_m .t2 .t2_bo2 .t2_lo{display:none;text-align:center;line-height:14px;margin-top:13px;}
.p_ga_2_m .t2 .t2_bo2 .t2_lo .t2_lo_te1{}
.p_ga_2_m .t2 .t2_bo2 .t2_lo .t2_lo_te2{}

@media only screen and (max-width:820px){
    .p_ga_2_m .nup .t{transform:scale(.98);}
    .p_ga_2_m .t2 .t2_bo1 .t2_nus{transform:translate(-50%, -50%) scale(.8);}
}

.result-box {
    perspective:600px;
    font-family:Arial, sans-serif;
    color:black;
    display:flex;
    width:70%;
    margin: 30px auto;
    justify-content:space-evenly;
}

.cube {
    width:50px;
    height:50px;
    position:relative;
    transform-style:preserve-3d;
    transition:transform 2.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.face {
    position:absolute;
    width:50px;
    height:50px;
    background:rgba(255, 255, 255, 0.98);
    border:1px solid #000;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.2em;
    font-weight:700;
    box-shadow:0 0 5px rgba(0,0,0,0.15);
    backface-visibility:hidden;
}

.front { transform:translateZ(25px); }
.back { transform:rotateX(180deg) translateZ(25px); }
.top { transform:rotateX(90deg) translateZ(25px); }
.bottom { transform:rotateX(-90deg) translateZ(25px); }
.left { transform:rotateY(-90deg) translateZ(25px); }
.right { transform:rotateY(90deg) translateZ(25px); }