﻿* { font-family: Arial; cursor: pointer; margin: auto; user-select: none; -ms-user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; }
.HEADER { background-color: #c00; min-width: 480px; }
.HEADER_HR { background-color: #000; height: 11px; }
.ROUNDED { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ICON { display: inline-block; width: 40px; border: 1px solid #000; background-color: #900; border-color: #000; }
.ICON:hover { background-color: #b00; }
.ICON:active { position: relative; top: 1px; }
.LOAD_SCREEN { background-color: #000; color: #fff; text-align: center; white-space: nowrap; font-weight: bold; font-size: 1.5em; line-height: 480px; vertical-align: middle; height: 100%; width: 100%; position: absolute; z-index: 1001; }
.TITLE { text-align: left; width: 100%; position: absolute; z-index: 2; min-width: 480px; }
.TITLE_IMAGE { width: 350px; height: 50px; border: 2px solid #000; box-shadow: 0 0 5px #000; }
.BACKGROUND { min-width: 480px; height: 100%; background-color: #000; }
.GAMEOVER { text-align: center; line-height: 400px; font-size: 100px; font-weight: bold; width: 100%; color: #f00; position: absolute; z-index: 99; text-shadow: 0 0 5px #f55; white-space: nowrap; }
.REPLENISH { text-align: right; line-height: 100px; font-size: 50px; font-weight: bold; width: 100%; color: #f00; position: absolute; z-index: 100; text-shadow: 0 0 5px #f55; white-space: nowrap; }
.MARQUEE { font-family: Arial; font-size: 1em; font-weight: bold; text-shadow: 1px 1px 2px #000; text-align: center; width: 100%; min-width: 460px; max-width: 750px; color: #fff; white-space: nowrap; margin: center; display: inline-block;}
.INSTRUCTION { font-family: Arial; font-size: 1.7em; font-weight: bold; text-shadow: 1px 1px 2px #000; text-align: right ; width: 50%; min-width: 460px; max-width: 660px; color: #fff; white-space: nowrap; margin: right; display: inline-block; }
.PRIZE { text-align: left; border: none; }
.CONTROL_CONTAINER { text-align: center; width: 100%; vertical-align: top; }
.BUTTON { height: 40px; width: 40px; line-height: 40px; padding: 0 10px; text-align: center; vertical-align: middle; font-size: 30px; font-family: Arial; color: #fff; display: inline-block; text-shadow: 0px 0px 2px #000; margin: 2px; background: -webkit-linear-gradient(#050, #020); background: -o-linear-gradient(#050, #020); background: -moz-linear-gradient(#050, #020); background: linear-gradient(#050, #020); border-top: 2px solid #292; }
.BUTTON:hover { background: -webkit-linear-gradient(#080, #050); background: -o-linear-gradient(#080, #050); background: -moz-linear-gradient(#080, #050); background: linear-gradient(#080, #050); border-top: 2px solid #4b4; }
.BUTTON:active { position: relative; top: 1px; }
.BUTTON_OFF { height: 40px; width: 40px; line-height: 40px; padding: 0 10px; text-align: center; vertical-align: middle; font-size: 30px; font-family: Arial; color: #fff; display: inline-block; text-shadow: 0px 0px 2px #000; margin: 2px; background: -webkit-linear-gradient(#ddd, #aaa); background: -o-linear-gradient(#ddd, #aaa); background: -moz-linear-gradient(#ddd, #aaa); background: linear-gradient(#ddd, #aaa); border-top: 2px solid #fff; }
.DEAL_BUTTON { margin-left: 10px; width: 200px; }
.LABEL { color: #fff; font-size: 30px; }
.CREDITS { width: 100%; min-width: 340px; max-width: 500px; line-height: 40px; font-size: 30px; margin: auto; color: #000; font-weight: bold; text-shadow: 0 0 3px #fff; background: -webkit-linear-gradient(90deg, #000, #000, #c90, #c90,#000, #000); background: -o-linear-gradient(90deg, #000, #000, #c90, #c90,#000, #000); background: -moz-linear-gradient(90deg, #000, #000, #c90, #c90,#000, #000); background: linear-gradient(90deg, #020202, #c90, #020202); text-align: center; }
