@charset 'utf-8';

/* console font */
html[data-coherent-gt="true"] * { font-family: custom !important; }

p { margin: 0; padding: 0; }
.off { display: none !important; }
.bold { font-weight: bold; }
.dimmed { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; opacity: 0; -webkit-transition: 0.8s; transition: 0.8s; }
.dimmed.on { opacity: 1; z-index: 1000; -webkit-transition: opacity .3s; transition: opacity .3s; }
.opacity_dimmed { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.opacity_dimmed.on { z-index: 1000; }
.marble_game_wrap { position: relative; width: 918px; height: 655px; overflow: hidden; -webkit-animation: show 1s; animation: show 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.marble_board { -webkit-animation: show 0.7s 0.3s; animation: show 0.7s 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* theme */
.marble_bg[data-marble-bg-theme='1'] { background: url(../../img/MarbleGame/marble_grass_bg.jpg?v=1) no-repeat 0 0; }/*기본 그린 테마*/
.marble_bg[data-marble-bg-theme='2'] { background: url(../../img/MarbleGame/marble_grass_bg_autumn.jpg?v=1) no-repeat 0 0; }/*추석테마*/
.marble_bg[data-marble-bg-theme='3'] { background: url(../../img/MarbleGame/marble_theme_bg3.jpg?v=1) no-repeat 0 0; }/*가을테마*/
.marble_bg[data-marble-bg-theme='4'] { background: url(../../img/MarbleGame/marble_theme_bg4.jpg?v=1) no-repeat 0 0; }/*황금테마*/
.marble_bg[data-marble-bg-theme='5'] { background: url(../../img/MarbleGame/marble_theme_bg5.jpg?v=1) no-repeat 0 0; }/*피버테마*/
.marble_bg[data-marble-bg-theme='6'] { background: url(../../img/MarbleGame/marble_theme_bg6.jpg?v=1) no-repeat 0 0; }/*크리스마스테마*/
.marble_bg[data-marble-bg-theme='7'] { background: url(../../img/MarbleGame/marble_theme_bg7.jpg?v=1) no-repeat 0 0; }/*N주년이벤트테마*/

/*theme_spr*/
.theme_spr { display: inline-block; background-image: url(../../img/MarbleGame/icn_green_theme_spr.png?v=1); background-size: 800px 800px; background-repeat: no-repeat; }
.marble_bg[data-marble-bg-theme='2'] .theme_spr { background-image: url(../../img/MarbleGame/icn_autumn_theme_spr.png?v=1); }
.marble_bg[data-marble-bg-theme='3'] .theme_spr,
.marble_bg[data-marble-bg-theme='4'] .theme_spr,
.marble_bg[data-marble-bg-theme='5'] .theme_spr,
.marble_bg[data-marble-bg-theme='6'] .theme_spr,
.marble_bg[data-marble-bg-theme='7'] .theme_spr { display: none !important; }

/*spr*/
.deco_spr { display: inline-block; background-image: url(../../img/MarbleGame/icn_deco_spr.png?v=5); background-size: 400px 400px; background-repeat: no-repeat; }
.card_spr { display: inline-block; background-image: url(../../img/MarbleGame/icn_card_spr.jpg?v=1); background-size: auto 283px; background-position-y: 0; background-repeat: no-repeat; }

/* black_spirit */
.black_spirit { position: absolute; width: 60px; height: 80px; z-index: 200; -webkit-animation: drop 3 0.5s 1s; animation: drop 3 0.5s 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.black_spirit.grade_1 { background-image: url("../../img/MarbleGame/black_spirit_01.png"); }
.black_spirit.grade_2 { background-image: url("../../img/MarbleGame/black_spirit_02.png"); }
.black_spirit.grade_3 { background-image: url("../../img/MarbleGame/black_spirit_03.png"); }
.black_spirit.grade_4 { background-image: url("../../img/MarbleGame/black_spirit_04.png"); }
.black_spirit.grade_5 { background-image: url("../../img/MarbleGame/black_spirit_05.png"); }

/* tile_wrap */
.tile_wrap .tile { position: absolute; width: 76px; height: 75px; z-index: 100; }
.tile_wrap .tile .route_num { display: inline-flex; justify-content: center; align-items: center; width: 19px; height: 19px; position: absolute; top: -6px; left: calc(50% - 9.5px); box-sizing: border-box; padding: 0 1px 2px 0; border: 1px solid rgba(211,195,158,0.7); background: rgba( 0,0,0,0.7); color: #f5ba3a; font-size: 12px; text-align: center; line-height: 1; }
.tile_wrap .tile .item + .route_num { top: -18px; left: 11px }
.tile_wrap .img_normal_1 { background-image: url("../../img/MarbleGame/tile_basic_1.png"); }
.tile_wrap .img_normal_2 { background-image: url("../../img/MarbleGame/tile_basic_2.png"); }
.tile_wrap .img_normal_3 { background-image: url("../../img/MarbleGame/tile_basic_3.png"); }
.tile_wrap .img_normal_4 { background-image: url("../../img/MarbleGame/tile_basic_4.png"); }
.tile_wrap .img_start { background-image: url("../../img/MarbleGame/tile_start.png"); }
.tile_wrap .img_end { background-image: url("../../img/MarbleGame/tile_finish.png"); }
.tile_wrap .img_complete { background-image: url("../../img/MarbleGame/tile_complete.png"); }
.tile_wrap .img_change { background-image: url("../../img/MarbleGame/tile_event.png"); }
.tile_wrap .img_go_1 { background-image: url("../../img/MarbleGame/tile_go_1.png"); }
.tile_wrap .img_go_2 { background-image: url("../../img/MarbleGame/tile_go_2.png"); }
.tile_wrap .img_go_3 { background-image: url("../../img/MarbleGame/tile_go_3.png"); }
.tile_wrap .img_go_4 { background-image: url("../../img/MarbleGame/tile_go_4.png"); }
.tile_wrap .img_go_5 { background-image: url("../../img/MarbleGame/tile_go_5.png"); }
.tile_wrap .img_back_1 { background-image: url("../../img/MarbleGame/tile_back_1.png"); }
.tile_wrap .img_back_2 { background-image: url("../../img/MarbleGame/tile_back_2.png"); }
.tile_wrap .img_back_3 { background-image: url("../../img/MarbleGame/tile_back_3.png"); }
.tile_wrap .img_back_4 { background-image: url("../../img/MarbleGame/tile_back_4.png"); }
.tile_wrap .img_back_5 { background-image: url("../../img/MarbleGame/tile_back_5.png"); }
.tile_wrap .img_item_random { background-image: url("../../img/MarbleGame/tile_random.png"); }
.tile_wrap .img_dice_random { background-image: url("../../img/MarbleGame/tile_dice_random.png"); }
.tile_wrap .img_card_random { background-image: url("../../img/MarbleGame/tile_card_random.png"); }

.tile .item { width: 50px; height: 55px; left: 10px; top: -20px; position: absolute; }
.tile .item.grade_0 { background-image: url('../../img/MarbleGame/fixed_item_0.png'); }
.tile .item.grade_1 { background-image: url('../../img/MarbleGame/fixed_item_1.png'); }
.tile .item.grade_2 { background-image: url('../../img/MarbleGame/fixed_item_2.png'); }
.tile .item.grade_3 { background-image: url('../../img/MarbleGame/fixed_item_3.png'); }
.tile .item.grade_4 { background-image: url('../../img/MarbleGame/fixed_item_4.png'); }

.tile .item .icon { position: absolute; width: 32px; height: 32px; top: 8px; left: 9px; }
.tile .item .count { position: absolute; right: 11px; bottom: 16px; color: #ffffff; font-size: 11px; }


/* random item roulette */
.random_item_roulette { display: flex; justify-content: center; align-items: center; position: absolute; top: 250px; left: 399px; width: 120px; height: 90px; background: #000 url("../../img/MarbleGame/rouletteSlotBg.png") no-repeat center center; border: 0px solid #444444; color: #fff; border-radius: 5px; text-align: center; z-index: 1002; }
.roulette_arrow { display: flex; justify-content: center; align-items: center; width: 70px; height: 64px; background: url("../../img/MarbleGame/rouletteArrow.png"); }
.roulette_container { display: inline-block; width: 42px; height: 42px; border: 1px solid rgba(253, 252, 253, 0.31); box-shadow: 0px 0px 3px lightpink; display: block; }
.roulette { margin-top: 0px; overflow: hidden; height: 42px; }
.roulette-inner { left: 0px; }
.roulette .roulette-inner img { width: 42px; height: 42px; }

/* alert_message_box */
.alert_message_box { position: absolute; display: block; width: 701px; height: 76px; left: 50%; top: 245px; margin-left: -350px; z-index: 400; -webkit-animation: show 0.2s both; animation: show 0.2s both; }
.alert_message_box .text_area { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 3px; text-align: center; color: #eeddc5; font-size: 20px; background: linear-gradient(90deg, transparent 0%, rgba(72, 56, 39, 0.9), #483827 50%, rgba(72, 56, 39, 0.9), transparent 100%) }
.alert_message_box .text_area::before,
.alert_message_box .text_area::after { content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0%; background: linear-gradient(90deg, transparent 0%, #a77d49, #cfa371 50%, #ffd19d, transparent 100%) }
.alert_message_box .text_area::before { top: 0; }
.alert_message_box .text_area::after { bottom: 0; }
.alert_message_box .text_area em { color: #ffac00; font-style: normal; }
.alert_message_box .burst_area { display: none; justify-content: center; align-items: center; position: absolute; top: -85px; left: 0; width: 100%; z-index: 2; -webkit-animation: show 0.1s both; animation: show 0.1s both; }
.alert_message_box .burst_area::after { content: ''; display: inline-block; position: absolute; top: -107px; left: calc(50% - 166px); width: 358px; height: 194px; background: url("../../img/MarbleGame/icn_burst_bg.png") no-repeat center center/100%; z-index: -1; -webkit-animation: shining2 0.1s both; animation: shining2 0.1s both; }
.alert_message_box .burst_area.on { display: flex; }
.alert_message_box .icn_burst { display: flex; justify-content: center; align-items: center; width: 117px; height: 123px; background-position: -191px 0px; -webkit-animation: show 0.1s backwards, shining2 0.1s 0.1s both; animation: show 0.1s backwards, shining2 0.1s 0.1s both; }
.alert_message_box .burst_num { display: inline-block; box-sizing: border-box; padding: 0 0 4px; color: #ffedd4; font-size: 40px; text-align: center; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2), 2px 2px 3px rgba(0, 0, 0, 0.2), 2px 2px 3px rgba(0, 0, 0, 0.2), 2px 2px 3px rgba(0, 0, 0, 0.21); }


/* rolling dice sprite */
.rolling_dice_wrap { pointer-events: none; position: absolute; top: 240px; left: 358px; z-index: 1002; background-size: 3920px 3735px; background-repeat: no-repeat; background-position: 0 0; }
.rolling_dice_wrap .dice { position: absolute; width: 560px; height: 415px; opacity: 0; visibility: hidden; }
.rolling_dice_wrap .dice.on { opacity: 1; visibility: visible; }

.RollingDice_A_1.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_A_1.png); }
.RollingDice_A_2.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_A_2.png); }
.RollingDice_A_3.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_A_3.png); }
.RollingDice_A_4.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_A_4.png); }
.RollingDice_A_5.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_A_5.png); }
.RollingDice_A_6.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_A_6.png); }

.RollingDice_B_1.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_B_1.png); }
.RollingDice_B_2.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_B_2.png); }
.RollingDice_B_3.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_B_3.png); }
.RollingDice_B_4.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_B_4.png); }
.RollingDice_B_5.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_B_5.png); }
.RollingDice_B_6.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_RollingDice_B_6.png); }

.SpecialRollingDice_A_1.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_A_1.png); }
.SpecialRollingDice_A_2.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_A_2.png); }
.SpecialRollingDice_A_3.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_A_3.png); }
.SpecialRollingDice_A_4.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_A_4.png); }
.SpecialRollingDice_A_5.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_A_5.png); }
.SpecialRollingDice_A_6.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_A_6.png); }

.SpecialRollingDice_B_1.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_B_1.png); }
.SpecialRollingDice_B_2.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_B_2.png); }
.SpecialRollingDice_B_3.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_B_3.png); }
.SpecialRollingDice_B_4.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_B_4.png); }
.SpecialRollingDice_B_5.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_B_5.png); }
.SpecialRollingDice_B_6.on { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_SpecialRollingDice_B_6.png); }

.RollingDice_A_1.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_1.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_1.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_1.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_1.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_1.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_1.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_1.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_1.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_1.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_1.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_1.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_1.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_1.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_1.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_1.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_1.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_1.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_1.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_1.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_1.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_1.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_1.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_1.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_1.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_1.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_1.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_1.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_1.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_1.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_1.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_1.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_2.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_2.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_2.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_2.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_2.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_2.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_2.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_2.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_2.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_2.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_2.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_2.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_2.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_2.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_2.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_2.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_2.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_2.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_2.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_2.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_2.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_2.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_2.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_2.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_2.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_2.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_2.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_2.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_2.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_2.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_2.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_2.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_3.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_3.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_3.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_3.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_3.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_3.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_3.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_3.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_3.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_3.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_3.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_3.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_3.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_3.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_3.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_3.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_3.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_3.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_3.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_3.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_3.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_3.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_3.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_3.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_3.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_3.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_3.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_3.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_3.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_3.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_3.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_3.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_4.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_4.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_4.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_4.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_4.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_4.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_4.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_4.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_4.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_4.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_4.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_4.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_4.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_4.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_4.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_4.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_4.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_4.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_4.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_4.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_4.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_4.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_4.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_4.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_4.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_4.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_4.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_4.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_4.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_4.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_4.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_4.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_5.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_5.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_5.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_5.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_5.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_5.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_5.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_5.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_5.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_5.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_5.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_5.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_5.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_5.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_5.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_5.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_5.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_5.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_5.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_5.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_5.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_5.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_5.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_5.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_5.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_5.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_5.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_5.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_5.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_5.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_5.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_5.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_6.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_6.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_6.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_6.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_6.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_6.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_6.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_6.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_6.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_6.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_6.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_6.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_6.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_6.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_6.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_6.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_6.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_6.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_6.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_6.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_6.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_6.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_6.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_6.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_6.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_6.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_6.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_6.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_6.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_6.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_6.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_6.grade_32 { background-position-x: -560px; background-position-y: -2075px; }

.RollingDice_B_1.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_1.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_1.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_1.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_1.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_1.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_1.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_1.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_1.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_1.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_1.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_1.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_1.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_1.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_1.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_1.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_1.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_1.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_1.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_1.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_1.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_1.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_1.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_1.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_1.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_1.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_1.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_1.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_1.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_1.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_1.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_1.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_2.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_2.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_2.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_2.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_2.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_2.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_2.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_2.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_2.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_2.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_2.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_2.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_2.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_2.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_2.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_2.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_2.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_2.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_2.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_2.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_2.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_2.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_2.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_2.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_2.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_2.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_2.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_2.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_2.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_2.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_2.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_2.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_3.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_3.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_3.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_3.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_3.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_3.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_3.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_3.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_3.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_3.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_3.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_3.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_3.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_3.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_3.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_3.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_3.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_3.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_3.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_3.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_3.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_3.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_3.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_3.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_3.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_3.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_3.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_3.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_3.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_3.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_3.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_3.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_4.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_4.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_4.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_4.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_4.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_4.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_4.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_4.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_4.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_4.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_4.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_4.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_4.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_4.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_4.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_4.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_4.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_4.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_4.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_4.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_4.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_4.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_4.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_4.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_4.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_4.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_4.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_4.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_4.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_4.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_4.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_4.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_5.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_5.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_5.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_5.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_5.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_5.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_5.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_5.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_5.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_5.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_5.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_5.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_5.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_5.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_5.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_5.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_5.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_5.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_5.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_5.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_5.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_5.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_5.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_5.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_5.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_5.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_5.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_5.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_5.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_5.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_5.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_5.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_6.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_6.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_6.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_6.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_6.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_6.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_6.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_6.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_6.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_6.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_6.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_6.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_6.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_6.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_6.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_6.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_6.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_6.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_6.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_6.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_6.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_6.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_6.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_6.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_6.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_6.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_6.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_6.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_6.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_6.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_6.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_6.grade_32 { background-position-x: -560px; background-position-y: -2075px; }

.SpecialRollingDice_A_1.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_A_1.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_A_1.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_A_1.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_A_1.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_A_1.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_A_1.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_A_1.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_A_1.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_A_1.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_A_1.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_A_1.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_A_1.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_A_1.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_A_1.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_A_1.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_A_1.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_A_1.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_A_1.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_A_1.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_A_1.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_A_1.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_A_1.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_A_1.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_A_1.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_A_1.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_A_1.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_A_1.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_A_1.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_A_1.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_A_1.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_A_1.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_A_2.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_A_2.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_A_2.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_A_2.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_A_2.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_A_2.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_A_2.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_A_2.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_A_2.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_A_2.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_A_2.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_A_2.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_A_2.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_A_2.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_A_2.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_A_2.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_A_2.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_A_2.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_A_2.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_A_2.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_A_2.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_A_2.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_A_2.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_A_2.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_A_2.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_A_2.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_A_2.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_A_2.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_A_2.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_A_2.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_A_2.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_A_2.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_A_3.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_A_3.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_A_3.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_A_3.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_A_3.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_A_3.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_A_3.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_A_3.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_A_3.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_A_3.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_A_3.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_A_3.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_A_3.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_A_3.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_A_3.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_A_3.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_A_3.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_A_3.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_A_3.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_A_3.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_A_3.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_A_3.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_A_3.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_A_3.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_A_3.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_A_3.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_A_3.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_A_3.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_A_3.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_A_3.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_A_3.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_A_3.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_A_4.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_A_4.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_A_4.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_A_4.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_A_4.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_A_4.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_A_4.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_A_4.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_A_4.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_A_4.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_A_4.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_A_4.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_A_4.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_A_4.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_A_4.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_A_4.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_A_4.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_A_4.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_A_4.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_A_4.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_A_4.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_A_4.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_A_4.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_A_4.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_A_4.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_A_4.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_A_4.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_A_4.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_A_4.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_A_4.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_A_4.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_A_4.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_A_5.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_A_5.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_A_5.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_A_5.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_A_5.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_A_5.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_A_5.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_A_5.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_A_5.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_A_5.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_A_5.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_A_5.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_A_5.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_A_5.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_A_5.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_A_5.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_A_5.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_A_5.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_A_5.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_A_5.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_A_5.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_A_5.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_A_5.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_A_5.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_A_5.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_A_5.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_A_5.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_A_5.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_A_5.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_A_5.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_A_5.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_A_5.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_A_6.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_A_6.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_A_6.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_A_6.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_A_6.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_A_6.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_A_6.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_A_6.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_A_6.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_A_6.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_A_6.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_A_6.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_A_6.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_A_6.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_A_6.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_A_6.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_A_6.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_A_6.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_A_6.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_A_6.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_A_6.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_A_6.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_A_6.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_A_6.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_A_6.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_A_6.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_A_6.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_A_6.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_A_6.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_A_6.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_A_6.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_A_6.grade_32 { background-position-x: -560px; background-position-y: -2075px; }

.SpecialRollingDice_B_1.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_B_1.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_B_1.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_B_1.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_B_1.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_B_1.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_B_1.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_B_1.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_B_1.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_B_1.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_B_1.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_B_1.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_B_1.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_B_1.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_B_1.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_B_1.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_B_1.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_B_1.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_B_1.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_B_1.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_B_1.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_B_1.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_B_1.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_B_1.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_B_1.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_B_1.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_B_1.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_B_1.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_B_1.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_B_1.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_B_1.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_B_1.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_B_2.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_B_2.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_B_2.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_B_2.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_B_2.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_B_2.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_B_2.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_B_2.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_B_2.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_B_2.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_B_2.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_B_2.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_B_2.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_B_2.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_B_2.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_B_2.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_B_2.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_B_2.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_B_2.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_B_2.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_B_2.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_B_2.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_B_2.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_B_2.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_B_2.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_B_2.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_B_2.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_B_2.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_B_2.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_B_2.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_B_2.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_B_2.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_B_3.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_B_3.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_B_3.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_B_3.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_B_3.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_B_3.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_B_3.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_B_3.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_B_3.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_B_3.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_B_3.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_B_3.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_B_3.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_B_3.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_B_3.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_B_3.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_B_3.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_B_3.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_B_3.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_B_3.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_B_3.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_B_3.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_B_3.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_B_3.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_B_3.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_B_3.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_B_3.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_B_3.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_B_3.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_B_3.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_B_3.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_B_3.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_B_4.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_B_4.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_B_4.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_B_4.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_B_4.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_B_4.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_B_4.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_B_4.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_B_4.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_B_4.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_B_4.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_B_4.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_B_4.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_B_4.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_B_4.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_B_4.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_B_4.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_B_4.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_B_4.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_B_4.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_B_4.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_B_4.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_B_4.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_B_4.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_B_4.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_B_4.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_B_4.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_B_4.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_B_4.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_B_4.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_B_4.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_B_4.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_B_5.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_B_5.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_B_5.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_B_5.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_B_5.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_B_5.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_B_5.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_B_5.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_B_5.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_B_5.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_B_5.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_B_5.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_B_5.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_B_5.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_B_5.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_B_5.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_B_5.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_B_5.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_B_5.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_B_5.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_B_5.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_B_5.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_B_5.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_B_5.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_B_5.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_B_5.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_B_5.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_B_5.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_B_5.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_B_5.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_B_5.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_B_5.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.SpecialRollingDice_B_6.grade_1 { background-position-x: 0; background-position-y: 0; }
.SpecialRollingDice_B_6.grade_2 { background-position-x: -560px; background-position-y: 0; }
.SpecialRollingDice_B_6.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.SpecialRollingDice_B_6.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.SpecialRollingDice_B_6.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.SpecialRollingDice_B_6.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.SpecialRollingDice_B_6.grade_7 { background-position-x: 0; background-position-y: -415px; }
.SpecialRollingDice_B_6.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.SpecialRollingDice_B_6.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.SpecialRollingDice_B_6.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.SpecialRollingDice_B_6.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.SpecialRollingDice_B_6.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.SpecialRollingDice_B_6.grade_13 { background-position-x: 0; background-position-y: -830px; }
.SpecialRollingDice_B_6.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.SpecialRollingDice_B_6.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.SpecialRollingDice_B_6.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.SpecialRollingDice_B_6.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.SpecialRollingDice_B_6.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.SpecialRollingDice_B_6.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.SpecialRollingDice_B_6.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.SpecialRollingDice_B_6.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.SpecialRollingDice_B_6.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.SpecialRollingDice_B_6.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.SpecialRollingDice_B_6.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.SpecialRollingDice_B_6.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.SpecialRollingDice_B_6.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.SpecialRollingDice_B_6.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.SpecialRollingDice_B_6.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.SpecialRollingDice_B_6.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.SpecialRollingDice_B_6.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.SpecialRollingDice_B_6.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.SpecialRollingDice_B_6.grade_32 { background-position-x: -560px; background-position-y: -2075px; }

.icn_small_dice { display: inline-block; width: 100%; height: 100%; opacity: 1; cursor: pointer; }
.icn_small_dice[data-dice-item-theme] { background: url('../../img/MarbleGame/icn_small_dice_spr.png?v=1') no-repeat 0 0/540px 50px; }
.icn_small_dice[data-dice-item-theme='756430'] { background-position-x: 2px; }
.icn_small_dice[data-dice-item-theme='756431'] { background-position-x: -58px; }
.icn_small_dice[data-dice-item-theme='756432'] { background-position-x: -118px; }
.icn_small_dice[data-dice-item-theme='756433'] { background-position-x: -178px; }
.icn_small_dice[data-dice-item-theme='756434'] { background-position-x: -237px; }
.icn_small_dice[data-dice-item-theme='756435'] { background-position-x: -298px; }
.icn_small_dice[data-dice-item-theme='756436'] { background-position-x: -358px; }

/*pop_wrap*/
.pop_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); text-align: center; -webkit-animation: show .5s 1; animation: show .5s 1; z-index: 1003; }
.pop_wrap > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pop_wrap .text_area { display: block; width: 100%; position: relative; box-sizing: border-box; padding: 20px 0; text-align: center; }
.pop_wrap .text_area::before,
.pop_wrap .text_area::after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(157,125,79,1) 50%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(157,125,79,1) 50%, rgba(255,255,255,0) 100%); }
.pop_wrap .text_area::before { top: -2px; }
.pop_wrap .text_area::after { bottom: 0; }
.pop_wrap .text_area .title { display: inline-block; font-size: 50px; margin: 0 0 20px; }
.pop_wrap .reward_list { display: block; width: 420px; margin: 0 auto; }
.pop_wrap .reward_list li { display: flex; justify-content: flex-start; align-items: center; height: 44px; box-sizing: border-box; }
.pop_wrap .reward_list li ~ li { margin: 10px 0 0; }
.pop_wrap .reward_list .reward_img { flex: 0 0 44px; display: inline-block; margin: 0 20px 0 0; }
.pop_wrap .reward_list .reward_name { flex: 0 0 300px; margin: 0 20px 0 0; overflow: hidden; }
.pop_wrap .reward_list .text { color: #ffd79c; font-size: 17px; text-align: left; white-space: nowrap; }
.pop_wrap .reward_info { padding: 20px 0 15px; color: #a28864; font-size: 15px; text-align: center; }
.pop_wrap .icn_deco { display: inline-block; position: absolute; }
.pop_wrap .btn_wrap { text-align: center; margin: 20px 0; -webkit-animation: show .5s 1 1.2s; animation: show .5s 1 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.pop_wrap .confirm_btn { display: inline-block; min-width: 140px; height: 40px; box-sizing: border-box; border: 1px solid rgba(244, 192, 124, 0.54); border-radius: 5px; background: radial-gradient(ellipse at bottom, rgba(172,122,53,1) 0%, rgba(80,63,54,1) 100%); -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.pop_wrap .confirm_btn > span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 3px; font-size: 17px; color: #fff; text-align: center; cursor: pointer; }
.pop_wrap .confirm_btn:hover { -webkit-filter: brightness(1.15); filter: brightness(1.15); }
.pop_wrap img { max-width: 100%; }

/*success_wrap*/
.success_wrap .blackspirit_area { display: inline-block; position: relative; width: 430px; height: 198px; bottom: -3px; text-align: center; overflow: hidden; }
.success_wrap .light_effect { display: block; position: absolute; bottom: 0; width: 100%; height: 100%; background: url(../../img/MarbleGame/light_bg.png?v=1) no-repeat 0 center; -webkit-animation: show .8s 1 .5s, shining2 2s infinite alternate 1.5s; animation: show .8s 1 .5s, shining2 2s infinite alternate 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; }
.success_wrap .blackspirit { display: inline-block; position: relative; width: 430px; height: 198px; background: url(../../img/MarbleGame/icn_blackspirit.png?v=1) no-repeat 0 0; -webkit-animation: fadeinup cubic-bezier(0.68, -0.55, 0.265, 1.55) .5s; animation: fadeinup cubic-bezier(0.68, -0.55, 0.265, 1.55) .5s; animation-fill-mode: forwards; -webkit-transform-origin: bottom center; transform-origin: bottom center; }
.success_wrap .icn_dice { width: 65px; height: 68px; top: 98px; left: 100px; background: url(../../img/MarbleGame/icn_dice.png?v=1) no-repeat 0 0; -webkit-animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s .2s, ballbounce cubic-bezier(0.280, 0.840, 0.420, 1) 1.5s 1 .5s; animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s .2s, ballbounce cubic-bezier(0.280, 0.840, 0.420, 1) 1.5s 1 .5s; animation-fill-mode: both; z-index: 1; }
.success_wrap .icn_flag { width: 78px; height: 68px; top: 96px; right: 69px; background: url(../../img/MarbleGame/icn_flag.png?v=1) no-repeat 0 0; -webkit-animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s .2s, waving 2s infinite 2s; animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s .2s, waving 2s infinite 2s; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; }
.success_wrap .icn_star { background: url(../../img/MarbleGame/icn_star.png?v=1) no-repeat 0 center/cover; opacity: 1; -webkit-animation: show .1s 1, star_shine 5s linear infinite; animation: show .1s 1, star_shine 5s linear infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 1200ms linear; transition: all 1200ms linear; }
.success_wrap .icn_star.star1 { width: 66px; height: 66px; bottom: 5px; right: 37px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.success_wrap .icn_star.star2 { width: 66px; height: 66px; top: 27px; right: 135px; -webkit-animation-delay: 1s; animation-delay: 1s; }
.success_wrap .icn_star.star3 { width: 66px; height: 66px; top: 60px; left: 125px; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.success_wrap .icn_star.star4 { width: 66px; height: 66px; bottom: 0; left: 32px; -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }
.success_wrap .icn_star.star5 { width: 52px; height: 52px; top: 80px; right: 110px; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.success_wrap .icn_star.star6 { width: 49px; height: 49px; bottom: -3px; right: 76px; -webkit-animation-delay: 3.0s; animation-delay: 3.0s; }
.success_wrap .icn_star.star7 { width: 43px; height: 43px; bottom: -11px; right: 74px; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.success_wrap .icn_star.star8 { width: 43px; height: 43px; bottom: 17px; left: 84px; -webkit-animation-delay: 4.0s; animation-delay: 4.0s; }
.success_wrap .icn_star.star9 { width: 43px; height: 43px; top: 55px; left: 177px; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }
.success_wrap .icn_star.star10 { width: 43px; height: 43px; top: 43px; left: 187px; -webkit-animation-delay: 5.0s; animation-delay: 5.0s; }
.success_wrap .text_area { background: rgba(34, 34, 34, 0.6) radial-gradient(ellipse at top, rgba(154, 64, 0, 0.6) 0%, rgba(0,0,0,0) 56%, rgba(0,0,0,0) 100%); }
.success_wrap .text_area .title { background: linear-gradient(90deg, #ffca65 0%, #ffb144 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: fadeinup cubic-bezier(0.04, 0.88, 0.16, 1.02) 1s; animation: fadeinup cubic-bezier(0.04, 0.88, 0.16, 1.02) 1s; }
.success_wrap .reward_list li { -webkit-animation: fadeinright cubic-bezier(0.04, 0.88, 0.16, 1.02) 1s both; animation: fadeinright cubic-bezier(0.04, 0.88, 0.16, 1.02) 1s both; }
.success_wrap .reward_list li:nth-of-type(1) { -webkit-animation-delay: .1s; animation-delay: .1s; }
.success_wrap .reward_list li:nth-of-type(2) { -webkit-animation-delay: .3s; animation-delay: .3s; }
.success_wrap .reward_list li:nth-of-type(3) { -webkit-animation-delay: .6s; animation-delay: .6s; }

/*fail_wrap*/
.fail_wrap .blackspirit_area { display: inline-block; position: relative; width: 430px; height: 198px; bottom: -2px; text-align: center; }
.fail_wrap .red_bg { display: block; position: absolute; bottom: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at bottom, rgba(94,2,4,1) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0) 100%); -webkit-animation: show .8s 1 .5s, darking 2s infinite alternate 1s; animation: show .8s 1 .5s, darking 2s infinite alternate 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fail_wrap .right_flame { width: 25px; height: 41px; top: 70px; right: 135px; background: url(../../img/MarbleGame/icn_right_flame.png?v=1) no-repeat 0 0; -webkit-animation: fadeindown cubic-bezier(0.43, 0.28, 0, 1.04) 1s .7s, shake .5s infinite; animation: fadeindown cubic-bezier(0.43, 0.28, 0, 1.04) 1s .7s, shake .5s infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; }
.fail_wrap .left_flame { width: 34px; height: 53px; top: 99px; left: 123px; background: url(../../img/MarbleGame/icn_left_flame.png?v=1) no-repeat 0 0; -webkit-animation: fadeindown cubic-bezier(0.43, 0.28, 0, 1.04) 1s 1s, shake .5s infinite; animation: fadeindown cubic-bezier(0.43, 0.28, 0, 1.04) 1s 1s, shake .5s infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; }
.fail_wrap .blackspirit { display: inline-block; position: relative; width: 430px; height: 198px; background: url(../../img/MarbleGame/icn_fail_blackspirit.png?v=1) no-repeat 0 0; -webkit-animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s; animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s; animation-fill-mode: forwards; }
.fail_wrap .blackspirit::before { content: ''; display: inline-block; position: absolute; top: 151px; height: 36px; left: 183px; width: 63px; background: url(../../img/MarbleGame/icn_fail_tears.png?v=1) no-repeat 0 0; -webkit-animation: cry .3s 1 1.7s; animation: cry .3s 1 1.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fail_wrap .text_area .title { background: linear-gradient( rgba(221,43,43,1) 0%, rgba(250,145,97,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: fadeindown ease-out .5s .5s; animation: fadeindown ease-out .5s .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: background .5s; transition: background .5s; }
.fail_wrap .reward_list li { -webkit-animation: fadeindown ease-out .3s .7s both; animation: fadeindown ease-out .3s .7s both; }
.fail_wrap .text_area .sub_title { font-size: 17px; color: #a28864; -webkit-animation: fadeindown ease-out .3s .9s; animation: fadeindown ease-out .3s .9s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fail_wrap .text_red_bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.6) radial-gradient(ellipse at top, rgba(121, 2, 4, 0.6) 0%, rgba(0,0,0,0) 56%, rgba(0,0,0,0) 100%); -webkit-animation: show ease-out .5s .5s; animation: show ease-out .5s .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }


/*blacksprit_forest*/
.blacksprit_forest { position: relative; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0) 65%, rgba(0,0,0,0.5) 100%); }
.blacksprit_forest img { max-width: 100%; }
.blacksprit_forest .forest_area { position: absolute; display: flex; justify-content: center; align-items: center; font-size: 0; }
.blacksprit_forest .forest_area > span { display: block; position: absolute; overflow: hidden; }
.blacksprit_forest .wood_board { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; text-align: center; }
.blacksprit_forest .s_leaf { -webkit-animation: show2 cubic-bezier(0.42, 0, 0, 1.26) .5s 1 0.5s; animation: show2 cubic-bezier(0.42, 0, 0, 1.26) .5s 1 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.left_top_wrap { top: 0; left: 0; text-align: left; }
.left_top_wrap .count_info_area { top: 0; left: 0; min-width: 225px; padding: 15px; box-sizing: border-box; background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0) 100%); }
.left_top_wrap .count_info_label { font-size: 17px; color: #ffd79c; margin: 0 0 3px; }
.left_top_wrap .remain_count { margin-top: 10px; }
.left_top_wrap .count_num { font-size: 25px; color: #ffedd4; }
.left_top_wrap .count_num .first_num { color: #ffac00; }
.left_top_wrap .set_board_bg { top: 0; left: 0; min-width: 225px; height: 143px; padding: 15px; box-sizing: border-box; background: linear-gradient(90deg, rgba(43, 43, 43, 0.9) 0%, rgba(0,0,0,0) 100%); }
.left_top_wrap .set_board_bg .wood_board { top: 30px; left: 30px; width: 120px; height: 60px; }
.left_top_wrap .chance_board_bg { top: 81px; left: 25px; width: 133px; height: 99px; }
.left_top_wrap .chance_board_bg .wood_board { top: 31px; left: 6px; width: 120px; height: 60px; }
.left_top_wrap .set_title { display: block; font-size: 20px; color: #ffedd4; }
.left_top_wrap .set_count { font-size: 14px; color: #ffd79c; }
.left_top_wrap .chance_title { font-size: 14px; color: #ffd79c; }
.left_top_wrap .add_chance_area { display: none; justify-content: flex-start; align-items: center; width: 240px; height: 35px; position: absolute; top: 151px; left: 0; box-sizing: border-box; padding: 0 0 0 15px; background: linear-gradient(90deg, rgba(168, 116, 32, 0.9) 0%, rgba(90, 60, 15, 0.9) 50%, rgba(0,0,0,0) 100%); -webkit-animation: fadeinleft ease-out 0.4s both; animation: fadeinleft ease-out 0.4s both; }
.left_top_wrap .add_chance_area.on { display: flex; }
.left_top_wrap .add_chance_area::before,
.left_top_wrap .add_chance_area::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0%; background: linear-gradient(90deg, #e6ba77 0%, #cfa371 50%, transparent 100%); }
.left_top_wrap .add_chance_area::before { top: 0; }
.left_top_wrap .add_chance_area::after { bottom: 0; }
.left_top_wrap .add_chance_area > span { display: inline-block; font-size: 15px; }
.left_top_wrap .add_chance_area .chance_text { color: #ffedd4; margin: 0 15px 0 0; }
.left_top_wrap .add_chance_area .chance_num { color: #ffac00; }
.right_top_wrap { top: 9px; right: 9px; }
.right_top_wrap .right_btn { position: relative; display: inline-block; width: auto; min-width: 140px; height: 40px; padding: 0 10px; box-sizing: border-box; border: 1px solid rgba(126, 101, 74, 0.8); border-radius: 5px; background: radial-gradient(ellipse at bottom, #635648 0%, #4b433c 100%); opacity: 1; cursor: pointer; }
.right_top_wrap .right_btn ~ .right_btn { margin-left: 8px; }
.right_top_wrap .right_btn > span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 3px; font-size: 17px; color: #ffd79c; text-align: center; white-space: nowrap; cursor: pointer; }
.right_top_wrap .right_btn:hover { background: radial-gradient(ellipse at bottom, #574B3D 0%, #3A342E 100%); }
.right_top_wrap .right_top_leasvs { top: 0; right: 0; width: 190px; height: 111px; background-position: -611px 0px; z-index: 1; }
.right_top_wrap .way_board { top: 45px; right: 27px; width: 88px; height: 121px; }
.right_top_wrap .second_way_board { top: 140px; right: 27px; width: 88px; height: 125px; }
.right_top_wrap .way_board_bg { display: inline-block; width: 100%; height: 100%; background-position: -415px 0px; -webkit-filter: brightness(1); filter: brightness(1); -webkit-transition: .2s; transition: .2s; }
.right_top_wrap .second_way_board .way_board_bg { background-position: -511px -0px; }
.right_top_wrap .wood_board { display: block; top: 30px; left: 4px; width: 80px; height: 80px; padding: 30px 0; box-sizing: border-box; font-size: 15px; color: #ffedd4; z-index: 2; cursor: pointer; }
.right_top_wrap .wood_board > span { cursor: pointer; }
.right_top_wrap .way_board:hover .way_board_bg { -webkit-filter: brightness(0.8); filter: brightness(0.8); }

.right_top_wrap .buff_card_area { display: none; width: 67px; height: 103px; position: absolute; top: 50px; right: 0px; box-sizing: border-box; padding: 1px; border: 1px solid #ffe59f; background: linear-gradient(0deg, #dac1a1 0%, #ebd8b9 100%); box-shadow: 0px 0px 5px 0px #ffb800, inset 0px 0px 3px 2px #ffc000; -webkit-animation: shining2 1s infinite alternate, up_down alternate infinite linear 1s; animation: shining2 1s infinite alternate, up_down alternate infinite linear 1s; }
.right_top_wrap .buff_card_area.on { display: inline-block; }
.right_top_wrap .buff_card_area .buff_card { width: 100%; height: 100%; background-size: auto 99px; }

.right_top_wrap .buff_card_area .buff_card.card_1 { background-position-x: 0; }
.right_top_wrap .buff_card_area .buff_card.card_2 { background-position-x: -71px; }
.right_top_wrap .buff_card_area .buff_card.card_3 { background-position-x: -141px; }
.right_top_wrap .buff_card_area .buff_card.card_4 { background-position-x: -211px; }
.right_top_wrap .buff_card_area .buff_card.card_5 { background-position-x: -280px; }
.right_top_wrap .buff_card_area .buff_card.card_6 { background-position-x: -351px; }

.right_top_wrap .buff_card_area .buff_card[data-card-type='6'] { background-position-x: -280px; }
/*보상 2배 6*/

.left_bottom_wrap { bottom: 0; left: 0; }
.left_bottom_wrap .back_leaves { bottom: 0; left: 0; width: 295px; height: 319px; background-position: 0px -480px; }
.left_bottom_wrap .left_blacksprit { bottom: 31px; left: 6px; width: 165px; height: 184px; background-position: -224px -115px; -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-animation: show2 .3s 1 0.3s; animation: show2 .3s 1 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.left_bottom_wrap .front_leaves { bottom: 0; left: 0; width: 214px; height: 212px; background-position: 0px -191px; }
.left_bottom_wrap .left_leaf { bottom: 152px; left: 52px; width: 141px; height: 69px; background-position: -249px -372px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.right_bottom_wrap { bottom: 0; right: 0; z-index: 10; }
.right_bottom_wrap .back_leaves { bottom: 0px; right: 0px; width: 306px; height: 317px; background-position: -494px -484px; }
.right_bottom_wrap .right_blacksprit { bottom: 117px; right: 2px; width: 170px; height: 154px; background-position: -410px -161px; -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-animation: show2 .3s 1 0.6s; animation: show2 .3s 1 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.right_bottom_wrap .front_leaves { bottom: 0px; right: 0px; width: 209px; height: 212px; background-position: -590px -261px; }
.right_bottom_wrap .sparkle1 { bottom: 232px; right: 112px; width: 19px; height: 24px; background-position: -590px -163px; -webkit-animation: show2 cubic-bezier(0.42, 0, 0, 1.26) .3s 1 0.7s; animation: show2 cubic-bezier(0.42, 0, 0, 1.26) .3s 1 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.right_bottom_wrap .sparkle2 { bottom: 247px; right: 107px; width: 9px; height: 12px; background-position: -590px -163px; -webkit-animation: show2 cubic-bezier(0.42, 0, 0, 1.26) .3s 1 0.8s; animation: show2 cubic-bezier(0.42, 0, 0, 1.26) .3s 1 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.right_bottom_wrap .right_leaf { bottom: 145px; right: 60px; width: 114px; height: 141px; background-position: -429px -396px; -webkit-transform-origin: right bottom; transform-origin: right bottom; }
.right_bottom_wrap .s_leaf { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.dice_board_wrap { bottom: 0; right: 0; z-index: 10; }
.dice_board_wrap .no_dice { position: absolute; bottom: 59px; right: 147px; display: flex; justify-content: flex-start; align-items: center; width: 195px; height: 44px; font-size: 14px; color: #ffd79c; text-align: left; word-break: break-all; overflow: hidden; }
.dice_board_wrap .dice_board_bg { position: absolute; bottom: 51px; right: 65px; width: 295px; height: 60px; box-sizing: border-box; border: 2px solid #917555; border-radius: 5px; background: #3a2f22; }
.dice_board_wrap .circle_wood { position: absolute; bottom: 5px; right: 5px; width: 153px; height: 152px; background: url(../../img/MarbleGame/dice_circle_bg.png?v=1) no-repeat 0 0; z-index: 11; }
.dice_board_wrap .color_circle { position: absolute; bottom: 16px; right: 16.5px; width: 120px; height: 120px; background: url(../../img/MarbleGame/icn_big_dice_bg_1.png?v=1) no-repeat 0 0; border: none; -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.dice_board_wrap .color_circle:hover { -webkit-filter: brightness(1.1) saturate(1.2); filter: brightness(1.1) saturate(1.2) }
.dice_board_wrap .color_circle .big_color_dice { position: absolute; right: 11px; bottom: 5px; width: 99px; height: 99px; cursor: pointer; -webkit-transform-origin: center center; transform-origin: center center; }
.dice_board_wrap .color_circle.active .big_color_dice { -webkit-transform: scale(0.88); transform: scale(0.88); }
.dice_board_wrap .color_circle:disabled,
.dice_board_wrap .color_circle:disabled .big_color_dice { -webkit-filter: brightness(0.9) saturate(0.1); filter: brightness(0.9) saturate(0.1); }
.dice_board_wrap .color_circle:disabled .big_color_dice { -webkit-transform: scale(0.88); transform: scale(0.88); }
.dice_board_wrap .big_color_dice[data-dice-item-theme='756430'] { background: url(../../img/MarbleGame/icn_big_dice_0.png?v=1) no-repeat 0 0; }
.dice_board_wrap .big_color_dice[data-dice-item-theme='756431'] { background: url(../../img/MarbleGame/icn_big_dice_1.png?v=1) no-repeat 0 0; }
.dice_board_wrap .big_color_dice[data-dice-item-theme='756432'] { background: url(../../img/MarbleGame/icn_big_dice_2.png?v=1) no-repeat 0 0; }
.dice_board_wrap .big_color_dice[data-dice-item-theme='756433'] { background: url(../../img/MarbleGame/icn_big_dice_3.png?v=1) no-repeat 0 0; }
.dice_board_wrap .big_color_dice[data-dice-item-theme='756434'] { background: url(../../img/MarbleGame/icn_big_dice_4.png?v=1) no-repeat 0 0; }
.dice_board_wrap .big_color_dice[data-dice-item-theme='756435'] { background: url(../../img/MarbleGame/icn_big_dice_5.png?v=1) no-repeat 0 0; }
.dice_board_wrap .big_color_dice[data-dice-item-theme='756436'] { background: url(../../img/MarbleGame/icn_big_dice_6.png?v=1) no-repeat 0 0; }
.dice_board_wrap .dice_list { display: flex; justify-content: flex-start; align-items: center; position: absolute; bottom: 57px; right: 160px; width: 198px; height: 48px; box-sizing: border-box; padding: 0 0 0 6px; overflow: hidden; }
.dice_board_wrap .dice_list li { flex: 0 0 44px; display: flex; justify-content: center; align-items: center; position: relative; height: 44px; margin-right: 5px; box-sizing: border-box; }
.dice_board_wrap .dice_list li .icn_new { display: none; justify-content: center; align-items: center; position: absolute; top: -2px; left: -2px; width: 16px; height: 16px; box-sizing: border-box; padding: 0 2px 2px 0; text-align: center; font-size: 13px; color: #ffe9c6; background: #d53737; border-radius: 50%; }
.dice_board_wrap .dice_list li .icn_new.on { display: flex; }
.dice_board_wrap .dice_list li.is_left { -webkit-transform: translate3d(-49px, 0, 0); transform: translate3d(-49px, 0, 0); -webkit-transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; }
.dice_board_wrap .dice_list li button { width: 100%; height: 100%; box-sizing: border-box; background: #000; cursor: pointer; }
.dice_board_wrap .dice_list .normal { border: 1px solid #698019; }
.dice_board_wrap .dice_list .special { border: 1px solid #23638F; }
.dice_board_wrap .dice_list li button.active,
.dice_board_wrap .dice_list li button:hover { border-color: #fff; }
.dice_board_wrap .dice_num { display: inline-block; position: absolute; bottom: 0; right: 6px; font-size: 17px; color: #ffe9c6; text-align: right; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.dice_board_wrap .move_btn { display: inline-block; position: absolute; bottom: 67px; right: 359px; width: 0px; height: 0px; box-sizing: border-box; padding: 0 0; border-right: 15px solid #bc986c; border-top: 15px solid transparent; border-bottom: 15px solid transparent; -webkit-transition: border 0.2s; transition: border 0.2s; }
.dice_board_wrap .move_btn::before { content: ''; display: inline-block; position: absolute; top: calc(50% - 7.5px); left: calc(50% - -5px); width: 8px; height: 14px; background: url(../../img/MarbleGame/icn_deco_spr.png?v=5) no-repeat 0 0/400px 400px; }
.dice_board_wrap .move_btn:hover { border-right: 15px solid #917555; }
.card_box_btn_area { position: absolute; bottom: 117px; right: 135px; width: 216px; }
.card_box_btn_area .icn_card { position: absolute; bottom: -3px; right: 171px; width: 47px; height: 42px; background-position: -124px -0px; }
.card_box_btn_area .card_box_btn { display: inline-block; width: 207px; height: 30px; padding: 0 16px 5px 46px; box-sizing: border-box; color: #ffd79c; font-size: 17px; word-break: keep-all; text-align: center; white-space: nowrap; overflow: hidden; border-radius: 16px; background: radial-gradient(ellipse at top, #ac8042 0%, #614c36 100%); border: 1px solid #ab8651; cursor: pointer; }
.card_box_btn_area .card_box_btn:hover { background: radial-gradient(ellipse at top, #906a40 0%, #52412e 100%) }

.today_dice_area { position: absolute; bottom: 10px; right: 81px; display: flex; justify-content: flex-end; align-items: center; min-width: 272px; height: 41px; box-sizing: border-box; padding: 0 65px 0 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0.79) 10%, rgba(0, 0, 0, 0) 100%); z-index: 10; }
.today_dice_area .deco_dice { flex: 0 0 45px; height: 35px; background-position: -27px 0px; }
.today_dice_area .count_btn_wrap { flex: 0 0 auto; height: 100%; }
.today_dice_area .count_num { flex: 0 0 auto; display: inline-block; font-size: 20px; color: #e9d8c0; margin: 0 15px 0 8px; }
.today_dice_area .count_num .first_num { color: #f5ba3a; }
.free_dice_btn_area { display: inline-block; min-width: 110px; height: 30px; margin: 5px 0 0 0; }
.free_dice_btn_area .free_dice_btn { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 15px; box-sizing: border-box; color: #73675a; font-size: 17px; word-break: keep-all; text-align: center; border-radius: 16px; background: #252320; }
.free_dice_btn_area button.free_dice_btn { display: inline-block; padding: 0 15px 3px; color: #ffd79c; background: radial-gradient(ellipse at top, #906a40 0%, #614c36 100%); border: 1px solid #ab8651; -webkit-animation: shining3 0.7s infinite alternate; animation: shining3 0.7s infinite alternate; cursor: pointer; }
.free_dice_btn_area .free_dice_time { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 0px 8px 0.2px 3px; box-sizing: border-box; text-align: right; border: 1px solid #77634c; border-radius: 16px; background: #403528; }
.free_dice_btn_area .free_dice_time .deco_clock { width: 22px; height: 22px; background-position: -84px 1px; }
.free_dice_btn_area .free_dice_time .time { font-size: 19px; color: #ffe9c6; }
/*흐르는 텍스트*/
.flowing_text { display: block; position: absolute; bottom: 0; left: 0; width: 450px; height: 39px; z-index: 9; color: #dfcbb1; text-align: left; background: linear-gradient(90deg, #000 10%, rgba(0, 0, 0, 0) 100%); overflow: hidden; }
.flowing_text .msg_zone { position: absolute; left: 10px; display: inline-block; width: calc(450px - 10px); height: 100%; box-sizing: border-box; }
.flowing_text .msg_zone::after { content: ''; display: inline-block; position: absolute; right: 0; top: 0; width: 200px; height: 39px; }
.flowing_text .msg { display: inline-block; font-size: 17px; color: #FFF; line-height: 39px; white-space: nowrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/*추석시즌에만 쓰는 이미지 display:none처리*/
.left_bottom_wrap .left_mouth,
.left_bottom_wrap .left_maple,
.left_bottom_wrap .left_rabbit,
.right_bottom_wrap .right_maple { display: none; }

/*추석시즌에 안쓰는 이미지 display:none처리*/
.marble_bg[data-marble-bg-theme='2'] .right_bottom_wrap .sparkle1,
.marble_bg[data-marble-bg-theme='2'] .right_bottom_wrap .sparkle2 { display: none; }

/*추석시즌에만 쓰는 이미지 display:block처리*/
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .left_mouth,
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .left_maple,
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .left_rabbit,
.marble_bg[data-marble-bg-theme='2'] .right_bottom_wrap .right_maple { display: block; }

/*thanksgiving blacksprit_forest*/
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .back_leaves { width: 266px; height: 253px; background-position: 0px -561px; }
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .left_blacksprit { bottom: 41px; left: 10px; width: 165px; height: 184px; background-position: -227px -161px; -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-animation: show2 .3s 1 0.3s; animation: show2 .3s 1 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .left_mouth { bottom: 148px; left: 85px; width: 10px; height: 17px; background-position: -333px -124px; -webkit-animation: show2 .8s 1 0.5s, move_mouth 0.5s 0.8s cubic-bezier(0.42, 0, 0.1, 1.01) infinite alternate; animation: show2 .8s 1 0.5s, move_mouth 0.5s 0.8s cubic-bezier(0.42, 0, 0.1, 1.01) infinite alternate; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .left_maple { bottom: 207px; left: 45px; width: 70px; height: 24px; background-position: -238px -117px; -webkit-animation: show2 .8s 1 0.5s, falling 1.5s 0.5s ease-in-out; animation: show2 .8s 1 0.5s, falling 1.5s 0.5s ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .left_rabbit { bottom: -35px; left: 171px; width: 91px; height: 139px; background-position: -283px -386px; -webkit-animation: show2 .5s 1 0.6s; animation: show2 .5s 1 0.6s; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .front_leaves { bottom: 0; left: 0; width: 271px; height: 149px; background-position: 0px -371px; }
.marble_bg[data-marble-bg-theme='2'] .left_bottom_wrap .left_leaf { bottom: 90px; left: 15px; width: 178px; height: 93px; background-position: 0px -129px; }
.marble_bg[data-marble-bg-theme='2'] .right_bottom_wrap .back_leaves { bottom: 0px; right: 0px; width: 327px; height: 304px; background-position: -473px -496px; }
.marble_bg[data-marble-bg-theme='2'] .right_bottom_wrap .right_blacksprit { bottom: 44px; right: -28px; width: 164px; height: 211px; background-position: -407px -152px; -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-animation: show2 .3s 1 0.9s; animation: show2 .3s 1 0.9s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.marble_bg[data-marble-bg-theme='2'] .right_bottom_wrap .right_maple { bottom: 202px; right: 98px; width: 31px; height: 32px; background-position: -371px -118px; -webkit-animation: show2 .3s 1 1s, waving 2s infinite 2s; animation: show2 .3s 1 1s, waving 2s infinite 2s; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.marble_bg[data-marble-bg-theme='2'] .right_bottom_wrap .front_leaves { bottom: 0px; right: 0px; width: 205px; height: 172px; background-position: -595px -312px; }
.marble_bg[data-marble-bg-theme='2'] .right_bottom_wrap .right_leaf { bottom: 110px; right: 4px; width: 207px; height: 137px; background-position: -590px -163px; }
.marble_bg[data-marble-bg-theme='2'] .right_bottom_wrap .s_leaf { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.marble_bg[data-marble-bg-theme='1'] .flowing_text .msg_zone::after { background: linear-gradient(270deg, rgb(65, 85, 23) 0%, rgba(0, 0, 0, 0) 100%); }
.marble_bg[data-marble-bg-theme='2'] .flowing_text .msg_zone::after { background: linear-gradient(270deg, rgba(111, 60, 42, 0.9) 0%, rgba(0, 0, 0, 0) 100%); }
.marble_bg[data-marble-bg-theme='3'] .flowing_text .msg_zone::after { background: linear-gradient(270deg, #151224 0%, rgba(0, 0, 0, 0) 100%); }
.marble_bg[data-marble-bg-theme='4'] .flowing_text .msg_zone::after { background: linear-gradient(270deg, rgba(60, 45, 14, 0.8) 0%, rgba(0, 0, 0, 0) 100%); }
.marble_bg[data-marble-bg-theme='5'] .flowing_text .msg_zone::after { background: linear-gradient(270deg, #1d1834 0%, rgba(0, 0, 0, 0) 100%); }
.marble_bg[data-marble-bg-theme='6'] .flowing_text .msg_zone::after { background: linear-gradient(270deg, rgb(230, 238, 244) 0%, rgba(0, 0, 0, 0) 100%); }
.marble_bg[data-marble-bg-theme='7'] .flowing_text .msg_zone::after { background: linear-gradient(270deg, rgba(41, 27, 62, 0.8) 0%, rgba(0, 0, 0, 0) 100%); }


/*마블 팝업*/
.message_box { display: none; justify-content: center; align-items: center; z-index: 999; width: 100%; height: 100%; box-sizing: border-box; text-align: center; position: absolute; left: 0; top: 0; vertical-align: middle; }
.message_box img { max-width: 100%; }
.message_box .message_box_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: -1; }
.message_box .margble_popup_content { box-sizing: border-box; z-index: 1; overflow: hidden; }
.message_box .margble_popup_cont { width: 384px; height: 223px; margin: 8px auto 0; padding: 5px; box-sizing: border-box; border-radius: 6px; background: #a07a4b; box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.1); }
.message_box .margble_popup_head { position: relative; width: 100%; padding: 0px 0 5px 0; font-size: 20px; color: #6a5436; border-bottom: 1px solid #9f896c; }
.message_box .margble_popup_head > span { display: inline-block; text-align: center; overflow: hidden; }
.message_box .margble_popup_head .btn_close { position: absolute; top: calc(50% - 17px); right: 0; width: 22px; height: 22px; background: none; }
.message_box .margble_popup_head .btn_close::after,
.message_box .margble_popup_head .btn_close::before { content: ''; display: inline-block; position: absolute; top: 0; right: 10px; background: #553912; width: 2px; height: 22px; -webkit-transform-origin: center; transform-origin: center; }
.message_box .margble_popup_head .btn_close::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.message_box .margble_popup_head .btn_close::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.message_box .margble_popup_head .btn_close:hover::before,
.message_box .margble_popup_head .btn_close:hover::after { background: #ffd79c; }
.message_box .margble_popup_str { width: 100%; height: 100%; padding: 8px; box-sizing: border-box; color: #ffedd4; font-size: 14px; text-align: left; }
.message_box .margble_popup_str li { width: 100%; box-sizing: border-box; padding: 0 0 0 10px; text-indent: -10px; overflow-wrap: break-word; word-break: keep-all; }
.message_box .margble_popup_str li ~ li { margin-top: 15px; }
.message_box .small_title { margin: 13px 0 0; color: #6a5436; font-size: 14px; text-align: center; overflow: hidden; }
.message_box .btn_wrap { text-align: center; margin: 20px 0; }
.message_box .card_btn { display: inline-block; min-width: 110px; max-width: 230px; height: 40px; box-sizing: border-box; border: 1px solid rgba(244, 192, 124, 0.75); border-radius: 5px; background: linear-gradient(0deg, rgba(80,63,54,1) 0%,rgba(172,122,53,1) 100%); -webkit-transition: -webkit-filter .3s; transition: filter .3s; cursor: pointer; }
.message_box .card_btn + .card_btn { margin-left: 5px; }
.message_box .card_btn.gray { background: #404146; border: 1px solid #6b6d7f; }
.message_box .card_btn > span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 3px; font-size: 17px; color: #fff; text-align: center; white-space: nowrap; overflow: hidden; cursor: pointer; }
.message_box .card_btn:hover { -webkit-filter: brightness(1.15); filter: brightness(1.15); }

/*보상팝업*/
.finished_reward_pop .margble_popup_cont { width: 100%; height: 67px; padding: 13px 9px; }
.finished_reward_pop .margble_popup_cont.scroll_cont { position: relative; height: 253px; padding: 13px 9px 13px 13px; }
.finished_reward_pop .margble_popup_cont.scroll_cont::before { content: ''; display: inline-block; position: absolute; left: 31px; top: 18px; width: 4px; height: calc(100% - 31px); background: #795930; }
.finished_reward_pop .margble_popup_head > span { max-width: 270px; }
.finished_reward_pop .single_reward_area { display: flex; justify-content: flex-start; align-items: center; }
.finished_reward_pop .reward_item { flex: 0 0 44px; display: flex; justify-content: center; align-items: center; position: relative; box-sizing: border-box; width: 44px; height: 44px; margin: 0 10px 0 0; background: #2c2115; border: 1px solid #ffcd56; }
.finished_reward_pop .reward_item .item_num { display: inline-block; position: absolute; bottom: 0; right: 2px; width: 100%; color: #ffe9c6; text-align: right; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.finished_reward_pop .single_item { flex: 0 0 50px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin: 0 25px 0 0; background: #735a3c; }
.finished_reward_pop .single_item .reward_item { margin: 0; }
.finished_reward_pop .reward_item_name { display: inline-block; font-size: 15px; color: #f9deac; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.finished_reward_pop .checked .reward_item { border-color: #7f652a }
.finished_reward_pop .checked .reward_item img { -webkit-filter: brightness(0.5); filter: brightness(0.5); }
.finished_reward_pop .checked .reward_item_name { color: #cbab7b; }
.finished_reward_pop .checked .reward_item::before { content: ''; display: inline-block; position: absolute; top: calc(50% - 14px); left: calc(50% - 5px); width: 2px; height: 10px; border: solid #a0ff6c; border-width: 0 3px 3px 0; padding: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; }
.finished_reward_pop .history_reward_area .checked .history_num { background: #ae8c5d; }
.finished_reward_pop .history_reward_area .checked .history_num > span { background: #7c5e3b; border: #7c5e3b; color: #ae8c5d; }
.finished_reward_pop .history_reward_area { width: 100%; height: 100%; box-sizing: border-box; }
.finished_reward_pop .history_reward_area li { display: flex; justify-content: flex-start; align-items: center; height: 54px; margin: 0 0 7px; z-index: 2; }
.finished_reward_pop .history_reward_area .history_item { flex: 0 0 405px; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; padding: 0 0 7px; border-bottom: 2px solid #b89969; }
.finished_reward_pop .history_reward_area .history_num { display: flex; justify-content: center; align-items: center; width: 41px; height: 41px; margin: 0 15px 7px 0; box-sizing: border-box; z-index: 1; border-radius: 50%; background: #ddb579; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3); }
.finished_reward_pop .history_reward_area .history_num > span { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; box-sizing: border-box; color: #ffe5b2; font-size: 18px; background: #e1a62a; border: 2px solid #bf801a; border-radius: 50%; }
.finished_box .margble_popup_content { width: 650px; height: 535px; padding: 20px 75px 70px; background: url(../../img/MarbleGame/marble_reward_pop_bg_v2.png?v=1) no-repeat 0 0; }
.single_reward_pop .margble_popup_content { width: 603px; height: 275px; padding: 32px 53px 60px; background: url(../../img/MarbleGame/marble_reward_pop_bg_2_v2.png?v=1) no-repeat 0 0; }

/*게임방법 팝업*/
.way_box .margble_popup_head > span { max-width: 345px; }
.way_box .margble_popup_content { width: 494px; height: 382px; padding: 47px 55px 67px; background: url(../../img/MarbleGame/marble_way_pop_bg_v1.png?v=1) no-repeat 0 0; }
.way_box .margble_popup_cont { width: 384px; height: 223px; }

/*카드팝업*/
.card_box .margble_popup_content { width: 725px; height: 510px; padding: 30px 75px 0; background: url(../../img/MarbleGame/marble_card_pop_bg.png?v=1) no-repeat 0 0; }
.card_box .margble_popup_cont { width: 575px; height: 346px; padding: 8px 0px 8px 9px; margin: 15px auto 0; }
.card_box .margble_popup_cont .no_card { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; font-size: 16px; text-align: center; color: #fed9ac; }
.card_box .margble_popup_cont ul { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; height: 100%; margin: -5px 0 0 0; }
.card_box .margble_popup_cont li { flex: 0 0 106px; display: block; position: relative; margin: 11px 6.5px 0 0; text-align: center; }
.card_box .margble_popup_cont li:nth-of-type(5n) { margin-right: 0; }
.card_box .margble_popup_cont .card_bg { display: inline-block; width: 98px; height: 153px; padding: 2px; }
.card_box .margble_popup_cont .card_name { display: block; margin: 8px 0 10px; font-size: 14px; text-align: center; color: #fff; }
.card_box .margble_popup_cont .card_num { display: inline-block; min-width: 24px; height: 24px; position: absolute; top: 6px; right: 10px; box-sizing: border-box; padding: 0 2px; z-index: 1; border-radius: 15px; background: linear-gradient(0deg, #8b5827 0%,#d19a5a 100%); border: 1px solid rgba(244, 192, 124, 0.54); }
.card_box .margble_popup_cont .card_num > span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 14px; color: #fed9ac; text-align: center; }
.card_box .margble_popup_cont .card_step_num { width: 29px; height: 29px; bottom: 10px; right: 10px; font-size: 11px; }

.card_box .card_step_num { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1; color: #f6d9ad; border-radius: 15px; background: url(../../img/MarbleGame/icn_card_num_bg.png?v=1) no-repeat 0 0/100% 100%; }
.card_box .card_bg { display: inline-block; position: relative; box-sizing: border-box; box-shadow: 0px 1px 3px 0px rgba(43, 31, 15, 0.9); background: linear-gradient(0deg, #dac1a1 0%, #ebd8b9 100%); }

.card_box .mid_card { width: 100%; height: 100%; background-size: auto 149px; }
.card_box .mid_card[data-card-type='1'] { background-position-x: 0; }/*앞으로 이동 1 */
.card_box .mid_card[data-card-type='2'] { background: #fff; }/*뒤로 이동 2 */
.card_box .mid_card[data-card-type='3'] { background-position-x: -107px; }/*남은 기회 추가 3*/
.card_box .mid_card[data-card-type='4'] { background-position-x: -212px; }/*리셋 4*/
.card_box .mid_card[data-card-type='5'] { background: #fff; }/*오늘의 주사위 쿨 초기화 5*/
.card_box .mid_card[data-card-type='6'] { background-position-x: -422px; }/*보상 2배 6*/
.card_box .mid_card[data-card-type='7'] { background-position-x: -527px; }/*주사위 획득 7*/
.card_box .mid_card[data-card-type='8'] { background-position-x: -317px; }/*토네이도 8*/

.card_box .mid_card_btn { display: none; position: absolute; bottom: 5px; left: 8px; width: 90px; min-width: initial; height: 30px; z-index: 1; background: linear-gradient(0deg, rgba(80,63,54,1) 0%,rgba(172,122,53,1) 100%) }
.card_box .mid_card_btn > span { font-size: 14px; color: #ffd79c; }

/*card active,hover*/
.card_box .margble_popup_cont li.active .card_bg,
.card_box .margble_popup_cont li:hover .card_bg { border: 1px solid #fff890; box-shadow: 0px 0px 5px 0px #ffb800, inset 0px 0px 4px 2px #ff9c00; }
.card_box .margble_popup_cont li.active .mid_card_btn,
.card_box .margble_popup_cont li:hover .mid_card_btn { display: inline-block; }

/*card in use*/
.card_box .margble_popup_cont li.in_use .card_bg { border: 1px solid #fff890; box-shadow: 0px 0px 5px 0px #ffeb00, inset 0px 0px 4px 2px #ffe000; -webkit-animation: shining2 1s infinite alternate; animation: shining2 1s infinite alternate; }
.card_box .margble_popup_cont li.in_use .card_bg::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(254, 248, 144, 0.5) 0%, transparent 50%, transparent 100%); }
.card_box .margble_popup_cont li.in_use .mid_card_btn,
.card_box .margble_popup_cont li.in_use:hover .mid_card_btn,
.card_box .margble_popup_cont li.not_use:hover .mid_card_btn { display: none; }


.card_box .card_info_box { display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0 50px; }
.card_box .large_card_area { flex: 0 0 184px; height: 287px; padding: 2px; margin: 0 20px 0 0; }
.card_box .large_card_area .card_step_num { width: 65px; height: 65px; bottom: 13px; right: 13px; font-size: 26px; }
.card_box .large_card { width: 100%; height: 100%; background-size: auto 283px; }
.card_box .large_card[data-card-type='1'] { background-position-x: 0; }/*앞으로 이동 1 */
.card_box .large_card[data-card-type='2'] { background: #fff; }/*뒤로 이동 2 */
.card_box .large_card[data-card-type='3'] { background-position-x: -202px; }/*남은 기회 추가 3*/
.card_box .large_card[data-card-type='4'] { background-position-x: -402px; }/*리셋 4*/
.card_box .large_card[data-card-type='5'] { background: #fff; }/*오늘의 주사위 쿨 초기화 5*/
.card_box .large_card[data-card-type='6'] { background-position-x: -802px; }/*보상 2배 6*/
.card_box .large_card[data-card-type='7'] { background-position-x: -1002px; }/*주사위 획득 7*/
.card_box .large_card[data-card-type='8'] { background-position-x: -602px; }/*토네이도 8*/

.card_box .card_info_area { flex: 0 0 auto; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; min-width: 420px; max-width: 600px; width: 100%; min-height: 296px; text-align: left; }
.card_box .card_info_area p { position: relative; color: #ffd79c; font-size: 17px; width: 100%; }
.card_box .card_info_area p.card_name { color: #ffedd4; font-size: 30px; }
.card_box .card_info_area .card_desc { margin: 15px 0 30px; }
.card_box .card_info_area .guide_text { padding: 0 0 30px 0; }
.card_box .card_info_area .guide_text::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #a28761; }
.card_box .card_info_area .ask_text { margin: 12px 0 0; }
.card_box .card_info_area .count_time { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin: 12px 0 0; font-size: 22px; color: #dfbc46; border: 2px solid #dfbc46; border-radius: 50%; }
.card_box.message_box .btn_wrap { margin: 12px 0 0; text-align: left; }
.card_box .single_card_box { display: block; text-align: center; }
.card_box .single_card_box .large_card_area { width: 184px; margin: 0; }
.card_box .single_card_box .large_card { width: 180px; }
.card_box .single_card_box .card_name { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; min-width: 280px; height: 42px; box-sizing: border-box; padding: 0 50px; margin: 0 0 35px 0; font-size: 15px; color: #eeddc5; white-space: nowrap; overflow: hidden; background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.7), rgba(84, 67, 45, 0.9) 50%, rgba(0, 0, 0, 0.7), transparent 100%); }
.card_box .single_card_box .card_name::before,
.card_box .single_card_box .card_name::after { content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0%; background: linear-gradient(90deg, transparent 0%, #a77d49, #cfa371 50%, #a77d49, transparent 100%) }
.card_box .single_card_box .card_name::before { top: 0; }
.card_box .single_card_box .card_name::after { bottom: 0; }

/*on class add*/
.card_step_1.on,
.card_step_2.on,
.card_step_3.on,
.random_card.on,
.random_card_confirm.on,
.way_box.on,
.finished_box.on,
.single_reward_pop.on { display: flex; }

.card_step_3.on .card_name { -webkit-animation: fadeinleft cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.7s 0.4s both; animation: fadeinleft cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.7s 0.4s both; }
.card_step_3.on .large_card_area { -webkit-animation: fadeinleft cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.7s 0.5s both; animation: fadeinleft cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.7s 0.5s both; }

.random_card.on .card_name { -webkit-animation: fadeindown2 cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.7s 0.4s both; animation: fadeindown2 cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.7s 0.4s both; }
.random_card.on .large_card_area { -webkit-animation: rotateBoard cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.7s 0.45s both; animation: rotateBoard cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.7s 0.45s both; -webkit-transform-origin: center center; transform-origin: center center; }

.card_step_3.on.out,
.random_card.on.out { -webkit-animation: fadeout 1s ease-out 1.3s both; animation: fadeout 1s ease-out 1.3s both; }
.card_step_3.on.out .card_name,
.random_card.on.out .card_name { -webkit-animation: fadeoutright cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.8s 0.4s both; animation: fadeoutright cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.8s 0.4s both; }
.card_step_3.on.out .large_card_area,
.random_card.on.out .large_card_area { -webkit-animation: fadeoutright cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.8s 0.43s both; animation: fadeoutright cubic-bezier(0.04, 0.88, 0.16, 1.02) 0.8s 0.43s both; }


/*popup_scroll scroll*/
.popup_scroll { overflow-x: hidden; overflow-y: auto; }
.popup_scroll::-webkit-scrollbar { width: 6px; }
.popup_scroll::-webkit-scrollbar-track { border-radius: 5px; background: #745534; }
.popup_scroll::-webkit-scrollbar-thumb { border-radius: 5px; background: #ffe0b0; }
.popup_scroll::-webkit-scrollbar-thumb:hover { background: #d1b178; }
.popup_scroll::-webkit-scrollbar-thumb:active { background: #d1b178; }
.popup_scroll::-webkit-scrollbar-button { width: 0; height: 0; opacity: 0; }

/*툴팁*/
.marble-tooltip { display: block; min-width: 99px; max-width: 390px; height: auto; position: absolute; box-sizing: border-box; padding: 8px; background: rgba(0, 0, 0, 0.8); border-radius: 3px; overflow: hidden; z-index: 999; }
.marble-tooltip > p { font-size: 12px; color: #eeddc5; word-break: break-all; word-wrap: break-word; }
.marble-tooltip .name { font-size: 14px; color: #ffab00; margin: 0 0 8px; }
.marble-tooltip .desc { margin: 0 0 5px; }


/*키패드 가이드*/
.pad_guide { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; background-color: #000; width: 918px; height: 50px; }
.pad_guide > div { font-size: 16px; color: #eee; }
.pad_guide > div.btnA,
.pad_guide > div.btnB,
.pad_guide > div.btnX,
.pad_guide > div.btnY,
.pad_guide > div.btnLT_Y,
.pad_guide > div.btnLS_dice,
.pad_guide > div.btnLS_card { margin: 3px 10px; }

.pad_guide > div span { display: inline-block; vertical-align: middle; overflow: hidden; }

/*아르카나 focus 전용 버튼*/
.card_hidden_btn { position: absolute; top: 0; left: 0; opacity: 0; }

.right_top_wrap .btnLB,
.right_top_wrap .btnRB { position: absolute; left: -8px; top: 21px; }


/*애니메이션*/
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0.5; }
    100% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); opacity: 1; }
}

@keyframes spin {
    0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    100% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
}

@-webkit-keyframes rotateBoard {
    from { opacity: 0; -webkit-transform: rotate(0deg) rotate3d(0, 0, 0, 30deg) scale(0); transform: rotate(0deg) rotate3d(0, 0, 0, 30deg) scale(0); }
    to { opacity: 1; -webkit-transform: rotate(360deg) rotate3d(0, 0, 0, 30deg) scale(1); transform: rotate(360deg) rotate3d(0, 0, 0, 30deg) scale(1); }
}

@keyframes rotateBoard {
    from { opacity: 0; -webkit-transform: rotate(0deg) rotate3d(0, 0, 0, 30deg) scale(0); transform: rotate(0deg) rotate3d(0, 0, 0, 30deg) scale(0); }
    to { opacity: 1; -webkit-transform: rotate(360deg) rotate3d(0, 0, 0, 30deg) scale(1); transform: rotate(360deg) rotate3d(0, 0, 0, 30deg) scale(1); }
}

@-webkit-keyframes drop {
    50% { -webkit-transform: translate3d(0, -1.5rem, 0); transform: translate3d(0, -1.5rem, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeoutleft {
    from { opacity: 1; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); }
    to { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d( -300px, 0, 0); }
}

@keyframes fadeoutleft {
    from { opacity: 1; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); }
    to { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d( -300px, 0, 0); }
}

@-webkit-keyframes fadeoutright {
    from { opacity: 1; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); }
    to { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d( 300px, 0, 0); }
}

@keyframes fadeoutright {
    from { opacity: 1; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); }
    to { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d( 300px, 0, 0); }
}

@keyframes drop {
    50% { -webkit-transform: translate3d(0, -1.5rem, 0); transform: translate3d(0, -1.5rem, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes falling {
    0% { bottom: 240px; left: 85px; -webkit-transform: scale3d(1,.5,1) rotateZ(30deg); }
    33% { bottom: 227px; left: 45px; -webkit-transform: scale3d(1,.8,1) rotateZ(20deg); }
    66% { bottom: 217px; left: 65px; -webkit-transform: scale3d(1,1,1) rotateZ(0deg); }
    100% { bottom: 207px; left: 45px; -webkit-transform: scale3d(1,1,1) rotateZ(0deg); }
}

@keyframes falling {
    0% { bottom: 240px; left: 85px; -webkit-transform: scale3d(1,.5,1) rotateZ(30deg); }
    33% { bottom: 227px; left: 45px; -webkit-transform: scale3d(1,.8,1) rotateZ(20deg); }
    66% { bottom: 217px; left: 65px; -webkit-transform: scale3d(1,1,1) rotateZ(0deg); }
    100% { bottom: 207px; left: 45px; -webkit-transform: scale3d(1,1,1) rotateZ(0deg); }
}

@-webkit-keyframes move_mouth {
    0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1,1,1); transform: translate3d(0, 0, 0) scale3d(1,1,1); }
    100% { -webkit-transform: translate3d(18%, 0, 0) scale3d(0.95,1.1,1); transform: translate3d(18%, 0, 0) scale3d(0.95,1.1,1); }
}

@keyframes move_mouth {
    0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1,1,1); transform: translate3d(0, 0, 0) scale3d(1,1,1); }
    100% { -webkit-transform: translate3d(18%, 0, 0) scale3d(0.95,1.1,1); transform: translate3d(18%, 0, 0) scale3d(0.95,1.1,1); }
}

@-webkit-keyframes banner_loop {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-120%, 0, 0); transform: translate3d(-120%, 0, 0); }
}

@keyframes banner_loop {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-120%, 0, 0); transform: translate3d(-120%, 0, 0); }
}



@-webkit-keyframes shake {
    0% { -webkit-transform: translate(0.2px, 0.2px) rotate(0deg); transform: translate(0.2px, 0.2px) rotate(0deg); }
    10% { -webkit-transform: translate(-0.2px, -0.3px) rotate(-1deg); transform: translate(-0.2px, -0.3px) rotate(-1deg); }
    20% { -webkit-transform: translate(-0.5px, 0px) rotate(1deg); transform: translate(-0.5px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0.5px, 0.3px) rotate(0deg); transform: translate(0.5px, 0.3px) rotate(0deg); }
    40% { -webkit-transform: translate(0.2px, -0.2px) rotate(1deg); transform: translate(0.2px, -0.2px) rotate(1deg); }
    50% { -webkit-transform: translate(-0.2px, 0.3px) rotate(-1deg); transform: translate(-0.2px, 0.3px) rotate(-1deg); }
    60% { -webkit-transform: translate(-0.5px, 0.2px) rotate(0deg); transform: translate(-0.5px, 0.2px) rotate(0deg); }
    70% { -webkit-transform: translate(0.5px, 0.2px) rotate(-1deg); transform: translate(0.5px, 0.2px) rotate(-1deg); }
    80% { -webkit-transform: translate(-0.2px, -0.2px) rotate(1deg); transform: translate(-0.2px, -0.2px) rotate(1deg); }
    90% { -webkit-transform: translate(0.2px, 0.3px) rotate(0deg); transform: translate(0.2px, 0.3px) rotate(0deg); }
    100% { -webkit-transform: translate(0.2px, -0.3px) rotate(-1deg); transform: translate(0.2px, -0.3px) rotate(-1deg); }
}

@keyframes shake {
    0% { -webkit-transform: translate(0.2px, 0.2px) rotate(0deg); transform: translate(0.2px, 0.2px) rotate(0deg); }
    10% { -webkit-transform: translate(-0.2px, -0.3px) rotate(-1deg); transform: translate(-0.2px, -0.3px) rotate(-1deg); }
    20% { -webkit-transform: translate(-0.5px, 0px) rotate(1deg); transform: translate(-0.5px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0.5px, 0.3px) rotate(0deg); transform: translate(0.5px, 0.3px) rotate(0deg); }
    40% { -webkit-transform: translate(0.2px, -0.2px) rotate(1deg); transform: translate(0.2px, -0.2px) rotate(1deg); }
    50% { -webkit-transform: translate(-0.2px, 0.3px) rotate(-1deg); transform: translate(-0.2px, 0.3px) rotate(-1deg); }
    60% { -webkit-transform: translate(-0.5px, 0.2px) rotate(0deg); transform: translate(-0.5px, 0.2px) rotate(0deg); }
    70% { -webkit-transform: translate(0.5px, 0.2px) rotate(-1deg); transform: translate(0.5px, 0.2px) rotate(-1deg); }
    80% { -webkit-transform: translate(-0.2px, -0.2px) rotate(1deg); transform: translate(-0.2px, -0.2px) rotate(1deg); }
    90% { -webkit-transform: translate(0.2px, 0.3px) rotate(0deg); transform: translate(0.2px, 0.3px) rotate(0deg); }
    100% { -webkit-transform: translate(0.2px, -0.3px) rotate(-1deg); transform: translate(0.2px, -0.3px) rotate(-1deg); }
}

@-webkit-keyframes waving {
    0% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
    10% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    20% { -webkit-transform: rotate(-3.0deg); transform: rotate(-3.0deg); }
    30% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    40% { -webkit-transform: rotate(-2.0deg); transform: rotate(-2.0deg); }
    50% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    60% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
    100% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
}

@keyframes waving {
    0% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
    10% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    20% { -webkit-transform: rotate(-3.0deg); transform: rotate(-3.0deg); }
    30% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    40% { -webkit-transform: rotate(-2.0deg); transform: rotate(-2.0deg); }
    50% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    60% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
    100% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
}

@-webkit-keyframes cry {
    0% { height: 0; opacity: 0; }
    100% { height: 36px; opacity: 1; }
}

@keyframes cry {
    0% { height: 0; opacity: 0; }
    100% { height: 36px; opacity: 1; }
}

@-webkit-keyframes show {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes show {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes up_down {
    from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
}

@keyframes up_down {
    from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
}

@keyframes show2 {
    0% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
    100% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
}

@-webkit-keyframes show2 {
    0% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
    100% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
}

@-webkit-keyframes fadeinright {
    from { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeinright {
    from { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeinleft {
    from { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeinleft {
    from { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes shining {
    from { opacity: .2; }
    to { opacity: 1; -webkit-filter: brightness(1.1); filter: brightness(1.1); }
}

@-webkit-keyframes shining {
    from { opacity: .2; }
    to { opacity: 1; -webkit-filter: brightness(1.1); filter: brightness(1.1); }
}

@-webkit-keyframes shining2 {
    from { -webkit-filter: brightness(1); filter: brightness(1); }
    to { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
}

@keyframes shining2 {
    from { -webkit-filter: brightness(1); filter: brightness(1); }
    to { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
}

@-webkit-keyframes shining3 {
    from { -webkit-filter: brightness(1); filter: brightness(1); }
    to { -webkit-filter: brightness(1.5); filter: brightness(1.5); }
}

@keyframes shining3 {
    from { -webkit-filter: brightness(1); filter: brightness(1); }
    to { -webkit-filter: brightness(1.5); filter: brightness(1.5); }
}

@keyframes darking {
    from { -webkit-filter: brightness(0.5) saturate(.7); filter: brightness(0.5) saturate(.7); }
    to { -webkit-filter: brightness(1.2) saturate(1.5); filter: brightness(1.2) saturate(1.5); }
}

@-webkit-keyframes fadeinup {
    from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeinup {
    from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeindown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeindown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}


@-webkit-keyframes fadeinup2 {
    from { opacity: 0; -webkit-transform: scale(0,0) translate3d(0, 10px, 0); transform: scale(0,0) translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); }
}

@keyframes fadeinup2 {
    from { opacity: 0; -webkit-transform: scale(0,0) translate3d(0, 10px, 0); transform: scale(0,0) translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); }
}

@keyframes fadeindown {
    from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeindown {
    from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes ballbounce {
    0% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); top: 98px; }
    10% { -webkit-transform: scale(1.1,.9) translate3d(0, 0, 0); transform: scale(1.1,.9) translate3d(0, 0, 0); }
    30% { -webkit-transform: scale(.9,1.1) translate3d(0, -60px, 0); transform: scale(.9,1.1) translate3d(0, -60px, 0); }
    50% { -webkit-transform: scale(1.05,.95) translate3d(0, 0, 0); transform: scale(1.05,.95) translate3d(0, 0, 0); }
    57% { -webkit-transform: scale(1,1) translate3d(0, -15px, 0); transform: scale(1,1) translate3d(0, -15px, 0); }
    64% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); }
    100% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); top: 98px; }
}

@keyframes ballbounce {
    0% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); top: 98px; }
    10% { -webkit-transform: scale(1.1,.9) translate3d(0, 0, 0); transform: scale(1.1,.9) translate3d(0, 0, 0); }
    30% { -webkit-transform: scale(.9,1.1) translate3d(0, -60px, 0); transform: scale(.9,1.1) translate3d(0, -60px, 0); }
    50% { -webkit-transform: scale(1.05,.95) translate3d(0, 0, 0); transform: scale(1.05,.95) translate3d(0, 0, 0); }
    57% { -webkit-transform: scale(1,1) translate3d(0, -15px, 0); transform: scale(1,1) translate3d(0, -15px, 0); }
    64% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); }
    100% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); top: 98px; }
}

@-webkit-keyframes star_shine {
    from { -webkit-transform: scale(0.3) rotate(0deg); transform: scale(0.3) rotate(0deg); opacity: 0.4; }
    25% { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); opacity: 1; }
    50% { -webkit-transform: scale(0.3) rotate(720deg); transform: scale(0.3) rotate(720deg); opacity: 0.4; }
    to { -webkit-transform: scale(0.3) rotate(0deg); transform: scale(0.3) rotate(0deg); opacity: 0.4; }
}

@keyframes star_shine {
    from { -webkit-transform: scale(0.3) rotate(0deg); transform: scale(0.3) rotate(0deg); opacity: 0.4; }
    25% { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); opacity: 1; }
    50% { -webkit-transform: scale(0.3) rotate(720deg); transform: scale(0.3) rotate(720deg); opacity: 0.4; }
    to { -webkit-transform: scale(0.3) rotate(0deg); transform: scale(0.3) rotate(0deg); opacity: 0.4; }
}