/* cssnow style ends here */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;400;700&display=swap');

/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block;
    display:inline;
    zoom:1;
}
audio:not([controls]){
    display:none
}
[hidden]{
    display:none
}
html{
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
html,button,input,select,textarea{
    font-family:sans-serif
}
body{
    margin:0
}
a:focus{
    outline:thin dotted
}
a:hover,a:active{
    outline:0
}
h1{
    font-size:2em;
    margin:.67em 0
}
h2{
    font-size:1.5em;
    margin:.83em 0
}
h3{
    font-size:1.17em;
    margin:1em 0
}
h4{
    font-size:1em;
    margin:1.33em 0
}
h5{
    font-size:.83em;
    margin:1.67em 0
}
h6{
    font-size:.75em;
    margin:2.33em 0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
blockquote{
    margin:1em 40px
}
dfn{
    font-style:italic
}
mark{
    background:#ff0;
    color:#000
}
p,pre{
    margin:1em 0
}
pre,code,kbd,samp{
    font-family:monospace,serif;
    _font-family:'courier new',monospace;
    font-size:1em
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
q{
    quotes:none
}
q:before,q:after{
    content:'';
    content:none
}
small{
    font-size:75%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
dl,menu,ol,ul{
    margin:1em 0
}
dd{
    margin:0 0 0 40px
}
menu,ol,ul{
    padding:0 0 0 40px
}
nav ul,nav ol{
    list-style:none;
    list-style-image:none
}
img{
    border:0;
    -ms-interpolation-mode:bicubic
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0
}
form{
    margin:0
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0;
    white-space:normal;
    margin-left:-7px
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline;
    vertical-align:middle
}
button,input{
    line-height:normal
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    cursor:pointer;
    -webkit-appearance:button;
    overflow:visible
}
button[disabled],input[disabled]{
    cursor:default
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0;
    height:13px;
    width:13px
}
input[type="search"]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
 .modal,.pw_modal,li.tile{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.container,.io_menu,.payto,.player,.player-panel,.standings,div.game,ul.board{
    overflow:auto
}
.io_menu ul,ul.addr_links,ul.bets,ul.board,ul.menu{
    list-style:none
}
a.addricon,h1.sm{
    text-indent:-999em
}
@font-face{
    font-family:dogimines;
    src:url(/assets/fonts/dogimines.eot);
    src:url(/assets/fonts/dogimines.eot#iefix) format('embedded-opentype'),
    url(/assets/fonts/dogimines.woff) format('woff'),
    url(/assets/fonts/dogimines.ttf) format('truetype'),
    url(/assets/fonts/dogimines.svg) format('svg');
    font-weight:400;
    font-style:normal
}
/* IcoMoon (new icons including Dogecoin) */
@font-face {
  font-family: icomoon;
  src: url(/assets/fonts/icomoon/icomoon.eot?gltkq2);
  src: url(/assets/fonts/icomoon/icomoon.eot?gltkq2#iefix) format('embedded-opentype'),
       url(/assets/fonts/icomoon/icomoon.ttf?gltkq2) format('truetype'),
       url(/assets/fonts/icomoon/icomoon.woff?gltkq2) format('woff'),
       url(/assets/fonts/icomoon/icomoon.svg?gltkq2#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class*=" icon-"]:before,[class^=icon-]:before{
    font-family:dogimines;
    font-style:normal;
    font-weight:400;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em
}
#start_playing,.newgame,ul.menu li a{
    text-decoration:none
}
.icon-check:before{
    content:'\e800'
}
.icon-wallet:before{
    content:'\e801'
}
.icon-bitcoin:before{
    content:'\e802'
}
.icon-dogecoin:before {
  font-family: 'icomoon'; /* must use icomoon */
  content: '\e900';       /* matches your IcoMoon CSS */
}
.icon-qrcode:before{
    content:'\e803'
}
.icon-mobile:before{
    content:'\e804'
}
.icon-lock:before{
    content:'\e805'
}
.icon-calculator:before{
    content:'\e806'
}
.icon-alert:before{
    content:'\e807'
}
.icon-volume-off:before{
    content:'\e808'
}
.icon-volume-on:before{
    content:'\e809'
}
.icon-clock:before{
    content:'\e80b'
}
::selection{
    color:#fff;
    background:#50880a
}
::-moz-selection{
    color:#fff;
    background:#50880a
}
body{
    text-align:center;
    color:#fff;
    line-height:1.2em;
    margin:0;
    min-width:316px
}
.big,.io p.deposit_to,.modal_load .icon,h1{
    line-height:1em
}
div.first{
    background:#b31;
    color:#fff;
    padding:.8em;
    margin-bottom:.5em
}
div.first p{
    margin:0
}
.footer_container{
    clear:both;
    margin-top:4.5em;
    padding:1em 1rem;
    border-top:1px solid #333;
    box-shadow:0 -1px 0 #000
}
footer{
    margin:0 auto;
    max-width:54em;
    text-align:left;
    color:#888
}
footer p{
    margin:0;
    font-size:.6em
}
footer p.affiliates{
    float:right;
    font-size:.8em;
    color:#ccc;
    margin-left:1em
}
footer p.affiliates a{
    color:#fff
}
footer p a{
    color:#aaa
}
a{
    color:#18e
}
.big{
    font-weight:600;
    font-size:1.2em
}
.container{
    max-width:54em;
    margin:0 auto;
    text-align:left;
    min-height:26em
}
ul.board{
    margin:0;
    background:#333;
    padding:.5em;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:inline-block;
    -moz-box-shadow:0 1px 2px #000;
    -webkit-box-shadow:0 1px 2px #000;
    box-shadow:0 1px 2px #000;
    border:1px solid #444;
    border-bottom-color:#111;
    border-top-color:#555
}
li.tile{
    width:19%;
    height:19%;
    background:#ddd;
    margin:.5%;
    float:left;
    border:1px solid #000;
    box-sizing:border-box;
    /* box-shadow:inset 0 1px 0 #fff,0 1px 0 #222; */
    position:relative
}
li.active_tile,li.tile:active{
    background:#ccc;
    box-shadow:inset 0 1px 1px #333
}
li.pressed{
    background:#488f2f;
    background:-moz-radial-gradient(center,ellipse cover,#5ba825 0,#488f2f 80%);
    background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#5ba825),color-stop(80%,#488f2f));
    background:-webkit-radial-gradient(center,ellipse cover,#5ba825 0,#488f2f 80%);
    background:-o-radial-gradient(center,ellipse cover,#5ba825 0,#488f2f 80%);
    background:-ms-radial-gradient(center,ellipse cover,#5ba825 0,#488f2f 80%);
    background:radial-gradient(ellipse at center,#5ba825 0,#488f2f 80%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba825', endColorstr='#488f2f', GradientType=1 );
    box-shadow:inset 0 3px 3px #111,0 -1px 0 #444;
    pointer-events:none
}
li.bomb{
    background:#ff5d00;
    background:-moz-radial-gradient(center,ellipse cover,#ff5d00 0,#a00 80%);
    background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#ff5d00),color-stop(80%,#a00));
    background:-webkit-radial-gradient(center,ellipse cover,#ff5d00 0,#a00 80%);
    background:-o-radial-gradient(center,ellipse cover,#ff5d00 0,#a00 80%);
    background:-ms-radial-gradient(center,ellipse cover,#ff5d00 0,#a00 80%);
    background:radial-gradient(ellipse at center,#ff5d00 0,#a00 80%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5d00', endColorstr='#aa0000', GradientType=1 )
}
p.bomb{
    background:#a00;
    border-color:#e22
}
li.tile i{
    font-size:2em;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-.7em;
    margin-top:-.48em;
    color:#8d4
}
li.tile span.tile_val{
    text-align:center;
    display:block;
    position:relative;
    top:50%;
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:Oswald,sans-serif;
    font-weight:700;
    letter-spacing:-.05em;
    color:#B8FF54
}
li.reveal i{
    color:#a00
}
.line_btn,.won,li.bomb i{
    color:#fff
}
.control{
    margin:0 0 .5em;
    padding:1em;
    background:#000;
    border:1px solid #333;
    border-bottom-color:#444;
    border-top-color:#222
}
.won{
    background:#eb0
}
#deposit_withdraw{
    background:#333;
    color:#ddd;
    border:1px solid #3d3d3d;
    border-bottom:0;
    border-top-color:#555;
    padding:.4em;
    line-height:1em;
    box-shadow:0 2px 0 #222;
    word-break:none
}
#deposit_withdraw:active{
    position:relative;
    bottom:-2px;
    box-shadow:inset 0 2px 1px rgba(0,0,0,.4),0 -1px 0 #000;
    border-top-color:#111
}
.shadow{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(22,22,22,.8);
    z-index:900
}
.modal,.pw_modal{
    position:fixed;
    top:5em;
    left:50%;
    margin-left:-15em;
    width:30em;
    background:#222;
    min-height:26em;
    border:1px solid #333;
    border-top-color:#666;
    border-bottom-color:#222;
    padding:1em;
    box-sizing:border-box;
    box-shadow:0 .2em .3em rgba(0,0,0,.5);
    z-index:950
}
.modal,.pw_modal,.shadow{
    display:none
}
.modal img{
    margin:0 auto;
    display:block;
    background:#fff
}
.modal_load{
    display:none;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(0,0,0,.9);
    padding:5em
}
#start_playing,button.cashout{
    position:relative;
    top:-2px;
    float:right
}
.pw_modal .modal_load{
    padding:3em
}
.modal_load .icon{
    font-size:4em;
    display:block;
    margin:0 auto .5em;
    height:1em
}
.modal_load .icon i:before{
    margin-left:0;
    margin-right:0
}
.line_btn{
    margin:1em .5em;
    border:1px solid #fff;
    padding:.6em 1.2em;
    background:0 0;
    font-size:1.1em;
    border-radius:.33em
}
.line_btn_red:hover{
    background:#a00;
    border-color:#a00
}
.line_btn_green:hover{
    background:#491;
    border-color:#491
}
.num_icon{
    font-weight:800;
    letter-spacing:-.05em;
    color:#fc0
}
.io_menu{
    margin:-1em -1em 1em;
    background:#111
}
.io_menu ul{
    padding:0;
    margin:0
}
.io_menu li{
    display:block;
    float:left;
    width:50%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:1em;
    text-align:center;
    cursor:pointer;
    color:#aaa
}
.bank,.payto input{
    box-sizing:border-box
}
.io_menu li:hover,ul.addr_links li a:hover{
    color:#fff
}
.io_menu li.selected{
    color:#fff;
    background:#222;
    cursor:default
}
.io_out{
    display:none
}
.io{
    padding:1em 0 0
}
.withdraw_form{
    margin:1em 0
}
.io label{
    display:block;
    margin:.5em 0
}
.io p{
    margin:0
}
.io p.deposit_to{
    margin:0 0 .5em
}
.io p.dogeaddr{
    margin:.3em 0;
    font-size:1.25em;
    font-weight:600;
    min-height:1em;
    display:block;
    text-align:center
}
.withdraw_form input{
    max-width:80%
}
.withdraw_messages p{
    margin:0 2em 1em
}
.txid{
    word-break:break-all;
    display:block;
    max-width:24em;
    margin:.5em auto 0
}
ul.addr_links{
    margin:0;
    padding:0
}
ul.addr_links li{
    display:inline;
    margin:0 .25em
}
.addr_details>a{
    display:inline-block;
    margin:1.5em auto .5em;
    
}
.addr_details>ul{
    padding-bottom: 5px;
}
.pw_modal{
    min-height:0
}
.pw_modal input[type=password]{
    margin:.5em auto;
    display:block
}
.pw_modal button.primary_btn{
    margin:1em auto;
    float:none
}
.standings .col-left{
    float:left;
    width:32%
}
.standings .col-right{
    float:left;
    width:68%
}
.standing_label{
    text-transform:uppercase;
    font-size:.7em;
    margin:0;
    line-height:1.5em
}
.stand_next,.stand_stake,.stand_red{
    font-size:1.5em;
    margin:.12em 0 0;
    line-height:1em
}
.stand_next{
    color:#8d4
}
.stand_red{
    color:rgb(221, 88, 68)
}
.stand_stake{
    color:#fd0
}
button.cashout{
    border-radius: .33em;
    padding:.54em .65em;
    font-size:1.3em;
    background:#e5ac00;
    border:1px solid #e58a00;
    color:#fff;
    text-shadow:0 -1px 0 #e58a00;
    box-shadow:0 2px 0 #a60,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2)
}
.balance_action a.disabled{
    text-decoration:none;
    color:#404a50;
    cursor:default;
    pointer-events:none
}
button.cashout:active,button.cashout:disabled{
    -moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.2);
    box-shadow:inset 0 1px 0 rgba(0,0,0,.2);
    color:rgba(255,255,255,.5)
}
div.player_name label{
    color:#aaa;
    text-align:left
}
.account input[type=text]{
    background:#191919;
    border:0;
    border-bottom:1px dashed #666;
    color:#fff;
    font-size:1.2em
}
.account .push{
    width:2.5em;
    height:2.5em;
    float:right
}
.deposit{
    font-size:.8em;
    color:#aaa;
    font-style:italic
}
.deposit span{
    color:#fff
}
p.find{
    background:#210
}
p.find span{
    color:#fd0
}
li.pay{
    background:#d97e00;
    color:#fff
}
li.error{
    background:#400
}
.success{
    color:#8d4
}
p.error{
    color:#f11
}
#start_playing{
    margin-left:2em;
    padding:.3em 1em;
    font-size:2em;
    line-height:1em;
    background:#90c739;
    border:1px solid #52b000;
    color:#fff;
    text-shadow:0 -1px 0 #52b000;
    box-shadow:0 2px 0 #388700,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2)
}
.transferring{
    margin:.4em 0 0
}
.player-panel{
    background:#333;
    height:4em
}
.bank{
    text-align:center;
    display:block;
    float:left;
    padding:.7em;
    height:4em;
    width:30%;
    box-shadow:inset 0 1px 0 #b27500;
    background:#e4ac00;
    background:-moz-linear-gradient(top,#e4ac00 0,#fd0 100%);
    background: linear-gradient(to bottom, #e4ac00 0%, #fd0 100%);
    background:-webkit-linear-gradient(top,#e4ac00 0,#fd0 100%);
    background:-o-linear-gradient(top,#e4ac00 0,#fd0 100%);
    background:-ms-linear-gradient(top,#e4ac00 0,#fd0 100%);
    background:linear-gradient(to bottom,#e4ac00 0,#fd0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ac00', endColorstr='#ffdd00', GradientType=0 );
    text-shadow:0 1px 0 #b27500
}
.bank span{
    display:block;
    font-size:1.4em
}
.newgame,.short_hash .hide,.short_hash .hover{
    font-size:.8em;
    background:#000
}
.short_hash{
    z-index:2;
    position:relative;
    float:right;
    margin-right:.5em
}
.newgame,.short_hash .hide p{
    margin:0
}
.short_hash .hover{
    color:#bbb;
    margin:0;
    padding:.6em .8em;
    cursor:default
}
.short_hash .hover span{
    color:#fff
}
.short_hash .hide{
    display:none;
    text-align:right;
    position:absolute;
    top:100%;
    right:0;
    padding:.75em .8em;
    min-width:32em;
    border-bottom:1px solid #333;
    box-shadow:0 2px 4px rgba(0,0,0,1)
}
.newgame,.short_hash:hover .hide{
    display:block
}
.balance,.bet,.bets li input,.player_container,p.deposit{
    text-align:center
}
.balance,.bets button,.player,div.practice_game{
    position:relative
}
.newgame{
    color:#bbb;
    text-transform:uppercase;
    padding:.6em .8em
}
.balance .header,.payto label{
    color:#888;
    text-transform:uppercase
}
.payto{
    display:none;
    margin-top:1em
}
.payto label{
    display:block;
    font-size:.7em
}
.payto input{
    width:100%;
    padding:.3em;
    border:1px solid #888;
    box-shadow:inset 0 1px 0 #ccc
}
.payto button{
    width:49%;
    margin-top:.5em;
    float:left
}
.payto button.cancel{
    background:#222;
    box-shadow:none;
    border:1px solid #444;
    text-shadow:none;
    margin-left:2%
}
.player,body{
    background:#111
}
dt{
    font-weight:600;
    font-size:1.2em;
    margin-bottom:.6em;
    line-height:1.2em
}
dd{
    margin:0 0 1em 1em
}
.dtr{
    margin-left:50%
}
.dtl{
    width:42%;
    float:left;
    clear:left
}
.qr{
    display:none
}
p.deposit{
    font-size:1em
}
p.deposit span{
    font-size:1.2em
}
.player_container{
    width:100%
}
.player{
    border:1px solid #444;
    border-top-color:#555;
    border-bottom-color:#303030;
    display:inline-block;
    margin:0 auto;
    z-index:20;
    -moz-box-shadow:0 3px 4px rgba(0,0,0,.5);
    -webkit-box-shadow:0 3px 4px rgba(0,0,0,.5);
    box-shadow:0 3px 4px rgba(0,0,0,.5)
}
.balance{
    float:left;
    margin:0;
    width:30%
}
.balance p{
    margin:0;
    line-height:1em
}
.balance .header{
    display:block;
    font-size:.8em
}
.balance .balance_action{
    font-size:.8em;
    margin-top:.2em;
    text-transform:uppercase
}
.balance_action a{
    color:#28d;
    margin:0 .4em
}
.balance .val{
    font-size:2em;
    line-height:1em
}
.balance .val .label{
    font-weight:400;
    color:#444;
    margin-right:.1em
}
.game_launcher{
    float:left;
    padding:1em;
    border-left:1px solid #555;
    background:#222
}
.launcher_left{
    width:10.5em;
    float:left;
    margin-bottom:-.3em
}
.launcher_right{
    float:left;
    margin-left:.9em
}
ul.bets{
    margin:0;
    padding:0
}
#start_game,.bets li,.primary_btn,li.tile{
    -webkit-tap-highlight-color:transparent
}
.bets button{
    width:100%;
    height:100%;
    background:#ddd;
    border:1px solid #888;
    border-bottom-color:#777;
    border-top-color:#f9f9f9;
    font-size:.8em;
    text-shadow:0 1px 0 #fff;
    letter-spacing:0;
    box-shadow:0 2px 0 #444,0 3px 1px #000,0 3px 1px #000;
    top:-2px;
    color:#111
}
.bets button:hover{
    background:#fdfdfd
}
.bets button:active{
    box-shadow:0 1px 0 #222,inset 0 1px 1px #444;
    background:#bbb;
    border-color:#333 #333 #ccc;
    top:-1px
}
.bets button.button_zero{
    text-shadow:0 -1px 0 #800;
    background:#e11;
    color:#fff;
    border:1px solid #900;
    border-bottom-color:#700;
    border-top-color:#f44;
    box-shadow:0 2px 0 #700,0 3px 1px #000,0 3px 1px #000
}
.bets button.button_edit{
    background:#bbb
}
.bets button.button_zero:active{
    box-shadow:0 1px 0 #600,inset 0 1px 1px #400,0 3px 1px #000;
    background:#c11;
    border-color:#400 #400 #e11
}
.bets button.button_plus{
    box-shadow:0 2px 0 #ad5f1b,0 3px 1px #000;
    background:#fffceb;
    border-color:#fff #ffe699 #e6a82e;
    color:#b70
}
.bets button.button_plus:active{
    box-shadow:0 1px 0 #7d5300,inset 0 1px 1px #ad5f1b;
    background:#fffbcb;
    border-color:#ad5f1b #ad5f1b #fffceb
}
.bets button.button_minus{
    box-shadow:0 2px 0 #136,0 3px 1px #000;
    background:#def;
    border-color:#fff #9cf #38c;
    color:#018
}
.bets button.button_minus:active{
    box-shadow:0 1px 0 #126,inset 0 1px 1px #38c;
    background:#cef;
    border-top-color:#38c;
    border-bottom-color:#def
}
.bets li{
    float:left;
    margin:0;
    width:33.333%;
    height:2.3333em
}
.bets li input{
    font-size:.8em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    height:100%;
    padding:.34em;
    background:#111;
    border:1px solid #333;
    border-top-color:#000;
    border-bottom-color:#444;
    box-shadow:inset 0 1px 0 #000;
    color:#ccc;
    letter-spacing:-.1em
}
.starter,form.contact input,form.contact textarea{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.bet{
    float:left;
    background:#0a0a0a;
    border:1px solid #333;
    border-top-color:#000;
    border-bottom-color:#555;
    padding:0;
    color:#ccc;
    margin:0 .3em 0 0;
    width:5em;
    -moz-box-shadow:inset 0 2px 3px #000,0 1px 0 #1c1c1c;
    -webkit-box-shadow:inset 0 2px 3px #000,0 1px 0 #1c1c1c;
    -o-box-shadow:inset 0 2px 3px #000,0 1px 0 #1c1c1c;
    box-shadow:inset 0 2px 3px #000,0 1px 0 #1c1c1c;
    font-size:2em
}
.num_mines{
    clear:left;
    margin:.6em 0 0;
    text-align:left
}
.num_mines span{
    margin-right:.4em
}
.num_mines label{
    padding:0 .5em 0 .2em
}
#start_game,.primary_btn{
    float:left;
    padding:.54em .65em;
    font-size:1.3em;
    background:#90c739;
    border:1px solid #52b000;
    color:#fff;
    text-shadow:0 -1px 0 #52b000;
    position:relative;
    top:-2px;
    -moz-box-shadow:0 2px 0 #225a00,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow:0 2px 0 #225a00,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2);
    -o-box-shadow:0 2px 0 #225a00,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2);
    box-shadow:0 2px 0 #225a00,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2)
}
#start_game.active,#start_game:active,#start_game:disabled,.primary_btn:active,.primary_btn:disabled{
    top:0;
    box-shadow:0 1px 1px #000,inset 0 2px 4px #060;
    border:1px solid #070;
    color:rgba(255,255,255,.5)
}
div.game{
    padding:1em;
    background:#1c1c1c;
    border:1px solid #333;
    border-top-color:#444;
    border-bottom-color:#000;
    margin-bottom:2px;
    opacity:1;
    z-index:16;
    -webkit-transition:opacity .4s linear;
    -webkit-transform:perspective(1000) rotateX(0);
    -moz-transition:opacity .4s linear;
    -moz-transform:perspective(1000) rotateX(0);
    transition:opacity .4s linear;
    transform:perspective(1000) rotateX(0)
}
div.practice_game{
    border:.2em solid #002d44;
    border-radius:.5em;
    overflow:visible
}
.cp,.new_nav{
    overflow:auto
}
div.practice_game:before{
    content:'Practice Game';
    display:block;
    position:absolute;
    top:-1.2em;
    left:50%;
    margin-left:-5em;
    width:10em;
    background:#002d44;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-weight:600;
    font-size:.8em;
    padding:.3em 0 .2em;
    border-radius:.25em;
    z-index:2
}
div.hidegame{
    opacity:0;
    z-index:15
}
div.faded{
    opacity:.5;
    z-index:15
}
.game_left{
    width:20em;
    height:20em;
    float:left;
    position:relative
}
.game_right{
    margin-left:21em
}
.inplay p{
    margin:.25em 0
}
.inplay p span{
    font-size:1.4em;
    color:#fd0
}
.feed{
    margin-top:1em
}
.messages{
    margin:0;
    background:#000;
    border:1px solid #333;
    border-bottom-color:#444;
    border-top-color:#222;
    height:14.57em;
    overflow-y:auto
}
.messages::-webkit-scrollbar{
    -webkit-appearance:none;
    width:10px
}
.messages::-webkit-scrollbar-thumb{
    border-radius:4px;
    background-color:#333
}
.messages input{
    background:0 0;
    border:0;
    color:#ccc;
    border-bottom:1px solid #888;
    width:24em;
    max-width:100%
}
p.won,p.won a{
    color:#fff
}
.messages p{
    margin:0;
    font-size:.8em;
    padding:.6em 1em
}
.player_error,.player_green,.player_info,.player_success{
    padding:.8em 1.2em
}
.messages p .secret_hash{
    display:block;
    font-size:.7em;
    word-break:break-all
}
.player_error{
    border:.2em solid #711
}
.player_success{
    border:.2em solid #fd0
}
.player_green{
    border:.2em solid #488f2f
}
.player_info{
    border:.2em solid #444
}
.intro_info{
    text-align:center;
    margin:2em auto;
    max-width:36em
}
.stuck{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:505;
    background:#111;
    box-shadow:0 3px 12px rgba(0,0,0,.7);
    padding: 5px;
}
p.won{
    background:#e0b400
}
a.addricon{
    vertical-align:top;
    margin-top:-3px;
    margin-left:.8em;
    border:1px solid #444;
    display:inline-block;
    width:25px;
    height:25px;
    background:url(../images/css-icons.gif) top left no-repeat
}
a.addricon:hover{
    border:1px solid #28d
}
a.qrcode{
    background-position:top right
}
#qrnest{
    position:relative;
    z-index:500
}
#qrnest div{
    position:absolute;
    top:100%;
    right:0;
    margin-top:.6em;
    border:1px solid #444;
    background:#000;
    padding:2em;
    box-shadow:0 2px 7px rgba(0,0,0,.7)
}
#qrnest div button{
    position:absolute;
    top:.1em;
    right:.1em;
    border:1px solid #555;
    border-top-color:#666;
    color:#ddd;
    font-size:.9em;
    background:#222
}
form.password{
    font-size:1.6em;
    margin-bottom:1em
}
.password input{
    padding:.15em
}
form.contact{
    font-size:1.1em;
    margin-bottom:1em
}
form.contact input,form.contact textarea{
    margin-bottom:.4em;
    box-sizing:border-box;
    resize:vertical
}
form.contact select{
    padding:.3em;
    min-width:26em
}
form.contact textarea{
    width:100%;
    height:4em
}
.full_cashout{
    border-top:1px solid #666;
    clear:left;
    padding:.65em;
    text-align:left;
    display:none
}
.full_cashout input[type=text]{
    background:#0a0a0a;
    border:0;
    border-bottom:1px dotted #aaa;
    color:#fff;
    padding:.2em .5em
}
.full_cashout input[type=text]:active,.full_cashout input[type=text]:focus{
    outline:0;
    border-bottom:1px solid #28d
}
.full_cashout .cashout{
    float:none;
    margin-left:.5em
}
.full_cashout button{
    background:#222;
    border:1px solid #555;
    border-bottom-color:#444;
    border-top-color:#666;
    color:#ddd;
    font-size:.8em;
    line-height:1.5em;
    box-shadow:0 1px 0 #000
}
.full_cashout button:active,.full_cashout button:disabled{
    color:#444;
    border-top-color:#444;
    border-bottom-color:#666;
    box-shadow:inset 0 1px 0 #000;
    outline:0
}
.full_cashout a{
    font-size:.8em;
    color:#888;
    margin-left:1.2em
}
h1{
    float:left
}
.disabled{
    color:#444;
    color:rgba(255,255,255,.25)
}
.darken{
    display:none
}
.big_err{
    text-align:center;
    margin-top:3em
}
.hugemine{
    font-size:7em;
    color:#f21
}
.big_err h2{
    font-size:3em;
    line-height:1em;
    margin:.5em 0
}
.big_err p{
    max-width:30em;
    margin:1em auto
}
.new_nav{
    border-bottom:1px solid #2a2a2a;
    margin-bottom:0;
    padding:1em 2em
}
ul.menu{
    padding:0;
    margin:0;
    float:right
}
ul.menu li{
    display:inline;
    float:left
}
ul.menu li a{
    display:inline-block;
    padding:1em 1.5em;
    color:#999;
    outline:0
}
ul.menu li a:hover{
    color:#fff
}
ul.menu li.special a{
    color:#fff;
    background:#70aa28;
    font-weight:600
}
h1.sm{
    background:url(/assets/images/home/DogiMines_logo.png) left top no-repeat rgba(0,0,0,0);
    height:36px;
    min-width:264px;
    margin:.2em 0;
    line-height:0
}
.account{
    background:#222;
    padding:2em;
    display:none;
    position:relative
}
.account label{
    margin:1em 0;
    display:block;
    line-height:1em
}
.account label span{
    margin-right:.5em;
    vertical-align:middle
}
.account input[type=checkbox]{
    vertical-align:middle;
    margin:.45em
}
.account p.form_note{
    color:#888;
    margin:.5em 0 0
}
.account p{
    margin-top:0
}
.head{
    margin-bottom:1em
}
.account .container{
    min-height:0;
    position:relative
}
div.player_name{
    text-align:left
}
div.player_name label{
    margin:0
}
.close{
    position:absolute;
    top:0;
    right:0;
    border:1px solid #999;
    color:#bbb;
    background:0 0;
    padding:.2em .4em;
    font-size:1.2em
}
.dw,span.note{
    font-size:.8em
}
.close:hover{
    background:#000
}
.close:hover:after{
    content:'close';
    display:block;
    background:rgba(0,0,0,.8);
    height:1em;
    width:3em;
    position:absolute;
    color:#fff;
    padding:.5em .8em;
    top:0;
    right:100%;
    bottom:0;
    font-size:.8em;
    margin-right:1px
}
span.note{
    display:block;
    color:#aaa
}
.container{
    padding:0 .6em
}
.compact h1.sm{
    min-width:180px;
    height:25px;
    background-size:100%;
    margin:.5em 0 0
}
.compact{
    padding:0 1em;
    background:#111;
    z-index:10
}
.fixed{
    position:fixed;
    top:0;
    left:0;
    right:0
}
.preview{
    float:right;
    margin-left:2em;
    background:#111
}
section h1{
    float:none;
    margin-top:0
}
section{
    padding:3em 0;
    border-bottom:1px solid #333
}
form.contact input,form.contact textarea{
    padding:.4em;
    border:0;
    color:#eee;
    background:#333;
    box-shadow:inset 0 .1em .1em #111
}
form.contact textarea{
    min-height:6em
}
.contact button{
    padding:.4em 1em;
    background:#444;
    border:1px solid #222;
    border-bottom:2px solid #000;
    color:#eee;
    box-shadow:inset 0 .1em .06em #4a4a4a
}
.cp{
    max-width:60em;
    margin:0 auto
}
.balance .top_row .cell{
    padding:.2em .4em
}
.dw{
    padding:.5em;
    width:100%
}
.starter{
    box-sizing:border-box;
    position:relative;
    width:40%;
    float:left
}
.bottom_row button,.top_row button,.top_row input{
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    height:100%
}
.top_row button,.top_row input{
    box-sizing:border-box
}
.top_row button{
    padding:.54em .65em;
    font-size:1.3em;
    background:#90c739;
    border:1px solid #52b000;
    color:#fff;
    text-shadow:0 -1px 0 #52b000;
    position:relative;
    top:-2px;
    -moz-box-shadow:0 2px 0 #225a00,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow:0 2px 0 #225a00,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2);
    -o-box-shadow:0 2px 0 #225a00,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2);
    box-shadow:0 2px 0 #225a00,0 3px 1px #000,inset 0 1px 0 rgba(255,255,255,.2)
}
.bottom_row button{
    margin:0;
    background:#444;
    padding:0;
    color:#fff;
    border:1px solid #666;
    border-top-color:#777;
    border-right-color:#111;
    border-bottom:2px solid #1a1a1a;
    box-sizing:border-box;
    -moz-box-shadow:0 .1em .1em #000;
    -webkit-box-shadow:0 .1em .1em #000;
    -o-box-shadow:0 .1em .1em #000;
    box-shadow:0 .1em .1em #000
}
.mine_options button.active,.mine_options button:active{
    background:#333;
    border:1px solid #111;
    border-top-color:#000;
    box-shadow:inset 0 .2em .2em #111;
    font-weight:600
}
.mine_options button span{
    color:#e22
}
.cell{
    height:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    padding:.1em
}
.bottom_row,.top_row{
    height:4em;
    display:block;
    overflow:auto
}
.bottom_row{
    height:3em
}
.c60{
    width:60%
}
.c40{
    width:40%
}
.c100{
    width:100%
}
.quarter{
    width:25%
}
.half{
    width:50%
}
.presets{
    width:26%;
    float:left;
    height:7em;
    margin:0 2%
}
@media screen and (max-width:48em){
    #deposit_addr{
        font-size:1em;
        margin-bottom:.4em;
        display:inline-block
    }
    #qrnest{
        position:static
    }
    #qrnest div{
        position:absolute;
        z-index:999;
        top:50%;
        left:50%;
        margin-left:-138px;
        margin-top:-138px;
        width:200px;
        height:200px
    }
    .balance_action a{
        display:block;
        margin:.6em auto
    }
    .game_left{
        width:40%;
        height:auto;
        padding-bottom:40%;
        margin:0 auto;
        position:relative
    }
    .game_left ul.board{
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        right:0
    }
    .game_right{
        margin-left:42%
    }
}
@media screen and (max-width:41.25em){
    .game_left{
        width:80%;
        padding-bottom:80%;
        float:none;
        margin-bottom:.4em
    }
    .game_right{
        width:100%;
        float:none;
        margin:0
    }
    .control{
        font-size:.8em;
        margin:0 0 .5em;
        padding:.6em 1em
    }
    .control p span{
        display:block
    }
    .messages{
        clear:both;
        height:10em
    }
    .stand_next,.stand_stake,.stand_red{
        line-height:1em;
        font-weight:600;
        margin:0
    }
}
@media screen and (max-width:40em){
    .new_nav h1.sm{
        margin:.1em 0 0
    }
    ul.menu li a{
        padding:.5em
    }
    .balance{
        width:40%
    }
    .presets{
        display:none
    }
    .starter{
        width:60%
    }
    input.bet{
        font-size:1.75em;
        padding:0
    }
}
@media screen and (max-width:36.25px){
    footer p.affiliates{
        float:none;
        margin-left:0
    }
}
@media screen and (max-width:35em){
    .preview{
        float:none;
        margin-left:0
    }
    .modal{
        position:absolute;
        top:.5em;
        left:.5em;
        right:.5em;
        margin-left:0;
        width:auto;
        min-height:0
    }
    .modal_load{
        padding:4em 2em
    }
}
@media screen and (max-width:31.5px){
    .dtl,.dtr{
        float:none;
        width:100%;
        margin-left:0;
        clear:none
    }
    .standings .col-left{
        width:20%
    }
    .num_mines span{
        display:none
    }
}
@media screen and (max-width:28.4em){
    .stand_next,.stand_stake,.stand_red{
        line-height:1em
    }
    .game_left{
        width:100%;
        padding-bottom:100%;
        margin-bottom:0
    }
    .player{
        font-size:.8em
    }
    .balance .balance_action{
        font-size:1em
    }
}
@media screen and (max-width:27em){
    .compact{
        padding:0 0 0 .5em
    }
    .compact h1.sm{
        min-width:100px;
        height:20px;
        margin-top:.27em
    }
}
@media screen and (max-width:24em){
    .container{
        padding:0 .3em
    }
    .wl{
        display:none
    }
    .player{
        font-size:.75em
    }
    #deposit_addr{
        font-size:.9em
    }
    .game_left{
        max-height:14em
    }
    div.game{
        padding:.2em
    }
    .line_btn{
        padding:.6em;
        margin:.5em .3em
    }
    .dogeaddr{
        max-width:100%;
        word-break:break-all
    }
    .io_out{
        padding:.5em 0
    }
    .balance .val{
        font-size:1.7em
    }
    input.bet{
        font-size:1.5em
    }
}
/* FILE ARCHIVED ON 10:47:24 May 06, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 21:46:13 Aug 20, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */
/* playback timings (ms): captures_list: 0.894 exclusion.robots: 0.042 exclusion.robots.policy: 0.027 esindex: 0.017 cdx.remote: 28.302 LoadShardBlock: 249.115 (3) PetaboxLoader3.datanode: 225.94 (4) load_resource: 133.125 PetaboxLoader3.resolve: 121.576 */

.pointer {
    cursor: pointer;
}

/*Snow effect css starts here*/
/* cssnow style starts here */
.cssnow {
   pointer-events: none;
   position: absolute;
}

.cssnow span {
   display: block;
   background: #fff;
   border-radius: 50%;
   width: 9px;
   height: 12px;
   box-shadow: -100px -290px 0px -2px #fff5;
 rotate: 35deg;
  filter:blur(3px)
}

@keyframes cssnowflakes-fall {
   0% {
      top: -10%;
   }

   100% {
      top: 100%;
   }
}

@keyframes cssnowflakes-shake {
   0% {
      transform: translateX(0px);
   }

   50% {
      transform: translateX(80px);
   }

   100% {
      transform: translateX(0px);
   }
}

.cssnow span {
   position: fixed;
   top: -10%;
   z-index: 9999;
   animation-name: cssnowflakes-fall, cssnowflakes-shake;
   animation-duration: 10s, 3s;
   animation-timing-function: linear, ease-in-out;
   animation-iteration-count: infinite, infinite;
   animation-play-state: running, running;
}

.cssnow span:nth-of-type(0) {
   left: 1%;
   animation-delay: 0s, 0s;
}

.cssnow span:nth-of-type(1) {
   left: 10%;
   animation-delay: 1s, 1s;
  scale:2;
}

.cssnow span:nth-of-type(2) {
   left: 20%;
   animation-delay: 6s, 0.5s;
}

.cssnow span:nth-of-type(3) {
   left: 30%;
   animation-delay: 4s, 2s;
}

.cssnow span:nth-of-type(4) {
   left: 40%;
   animation-delay: 2s, 2s;
   
}

.cssnow span:nth-of-type(5) {
   left: 50%;
   animation-delay: 8s, 3s;scale:3
}

.cssnow span:nth-of-type(6) {
   left: 60%;
   animation-delay: 6s, 2s;scale:3;
  filter:blur(5px)
}

.cssnow span:nth-of-type(7) {
   left: 70%;
   animation-delay: 2.5s, 1s;
}

.cssnow span:nth-of-type(8) {
   left: 80%;
   animation-delay: 1s, 0s;
}

.cssnow span:nth-of-type(9) {
   left: 90%;
   animation-delay: 3s, 1.5s;
}

.fabWidget {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 1000;
  transition: all 0.3s;
}

.fabTrigger {
  .background {
    background-color: #70AA28;
    border-radius: 50%;
    box-shadow: 0 2.1px 1.3px rgba(0, 0, 0, 0.044),
      0 5.9px 4.2px rgba(0, 0, 0, 0.054), 0 12.6px 9.5px rgba(0, 0, 0, 0.061),
      0 25px 20px rgba(0, 0, 0, 0.1);
    height: 60px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 60px;
  }
}

.fabList {
  visibility: hidden;
  opacity: 1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.fabButton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 9px 9px;
  width: 25px;
  height: 25px;
  padding: 6px;
  border-radius: 50%;
  background: #fff;
  opacity: 0;
  transform: translateY(50px);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  &:hover {
    cursor: pointer;
  }
  &.active {
    transform: translateY(0px);
    opacity: 1;
  }
  svg {
    width: 100%;
    height: 100%;
  }
}

.active .fabButton {
  visibility: visible;
  opacity: 1;
  transform: translateY(-15px);
}

.fabOverlay {
  width: 100%;
  height: 100%;
  background: rgba(#000, .1);
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: .25s;
  &.active {
    opacity: 1;
    visibility: visible;
  }
}

[data-tooltip] {
  position: relative;
  &::before {
    opacity: 0;
    visibility: hidden;
    cursor: default;
    pointer-events: none;
  }
  &::before {
    content: attr(data-tooltip);
    display: block;
    position: absolute;
    top: 50%;
    right: 100%;
    padding: 7px;
    text-align: center;
    border-radius: 4px;
    background: #70AA28;
    color: #fff;
    font-size: 0.8em;
    white-space: nowrap;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
  }
  &:hover::before {
    opacity: 1;
    visibility: visible;
    right: 120%;
  }
}

.chat-bubble {
  cursor: pointer;
  position: relative;
  .bubble {
    transform-origin: 50%;
    transition: transform 500ms cubic-bezier(0.17, 0.61, 0.54, 0.9);
  }
  .line {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2.75;
    stroke-linecap: round;
    transition: stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .line1 {
    stroke-dasharray: 60 90;
    stroke-dashoffset: -20;
  }
  .line2 {
    stroke-dasharray: 67 87;
    stroke-dashoffset: -18;
  }
  .circle {
    fill: #ffffff;
    stroke: none;
    transform-origin: 50%;
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}

.active {
  .bubble {
    transform: translateX(24px) translateY(4px) rotate(45deg);
  }
  .line1 {
    stroke-dashoffset: 21;
  }
  .line2 {
    stroke-dashoffset: 30;
  }
  .circle {
    transform: scale(0);
  }
}

.d-none {
    display: none;
}

.disable_selecter {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.enable_selecter {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.bet::selection {
    background: transparent;   /* no highlight when selecting */
}
.bet::-moz-selection {
    background: transparent;   /* Firefox */
}
.bet {
    -webkit-user-select: text; /* keep typing allowed */
    user-select: text;
}

/* body.disable_selecter .messages > .started */
.selection {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.email_help {
    width: -webkit-fill-available;
}

.boldy {
    font-weight: bold;
}

.inline-block {
    display: block;
}

.secret-text {
    max-width: 100%;
    width: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.normally {
    font-weight: normal;
}