@font-face {
font-family: 'Lamarge';
src: url('/assets/Lamarge.eot');
src: url('/assets/Lamarge.eot?#iefix') format('embedded-opentype'),
url('/assets/Lamarge.woff') format('woff2'),
url('/assets/Lamarge.woff') format('woff'),
url('/assets/Lamarge.svg#Lamarge') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
* {margin:0 auto; padding:0px; border:0px none; outline:0; box-sizing:border-box; image-rendering:pixelated; font-weight:500; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
html {font-size:15px;}
body {background:#000; text-align:center; font-size:0; font-family:'Lamarge', Courier, monospace;}
a, samp, strong {color:#15317e; text-decoration:none;}
a:hover, a:active, dfn, kbd, em {color:#0020c2; text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-size:inherit;}
hr {height:0; border-bottom:1px solid #d2ab46; margin:5px 0px;}
input, textarea, select, button {font-family:inherit; font-size:1rem; border:1px solid #d2ab46; padding:1px 6px 2px;}
button, input[type="submit"], input[type="reset"], input[type="button"] {padding:1px 12px 2px; text-transform:uppercase; font-weight:bold; background-color:#15317e; color:#fff;}
textarea, iframe {overflow:hidden;}
small, .small {font:5px;}
ul, ol {list-style-position:inside;}
figure {display:table;}
label, .ptr {cursor:pointer;}
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.mid {vertical-align:middle;}
.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}
.pic {border:3px double #d2ab46;}
.full {width:100%;}
.max {max-width:100%;}
.f0 {font-size:0;}
.f1 {font-size:15px;}
.f2 {font-size:20px;}
.rel {position:relative;}
.black {color:#000;}
.white {color:#fff;}
.green {color:#617161;}
.beige {color:#e3d382;}
.yellow {color:#f3f392;}
.gold {color:#d3b261;}
.sand {color:#b29241;}
.brown {color:#927120;}
.teal {color:#304130;}
.pink {color:##c39282;}
.red {color:#b20000;}
.bg-black {background-color:#000;}
.bg-white {background-color:#fff;}
.bg-green {background-color:#617161;}
.hidden {display:none !important;}
.iblock {display:inline-block;}
.block {display:block;}
.window {overflow:hidden; height:100vh; width:100%;}
.frame {transform:translateZ(0); line-height:0.5; -transform-origin: 0 0;}
.zoom {width:320px; height:200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.screen {font-size:0; line-height:0.5; width:100%; height:200px;}
.location {background:url('/assets/bg_location.gif') no-repeat 0 0;}
.location .ttl {position:absolute; top:106px; left:48px; width:128px; text-align:center; white-space:nowrap; overflow:hidden;}
.location .img, .location .plan {position:absolute; top:7px; left:48px; overflow:hidden;}
.location .txt {position:absolute; top:12px; right:12px; width:114px; height:99px; overflow:hidden;}
.location .plan a {display:inline-block; width:3px; height:3px; position:absolute;}
.txt ul, .txt ol {list-style:none; white-space:nowrap;}
.txt ol {counter-reset:decimal;}
.txt ol li {counter-increment:decimal; position:relative;}
.txt ol li:before {content:counter(decimal) '. '; display:inline-block; width:9px; text-align:right; padding:0 3px 0 0;}
.txt a, .txt label, .popup a {color:#fff;}
.txt a:hover, .txt label:hover, .popup a:hover, .popup li:hover, .popup li:hover a {color:#f3f392;}
.txt li .price {font-style:normal; position:absolute; top:0; right:0;}
.p-top {padding-top:6px;}
.p-btm {padding-bottom:6px;}
.flex {display:flex; justify-content:space-between; list-style-type:none;}
.flex.wrap {flex-wrap:wrap;}
.modal {position:absolute; top:0; left:0; right:0; bottom:0; min-height:165px;}
.popup {display:block; width:128px; height:56px; background:url('/assets/bg_popup.gif') no-repeat 0 0; position:relative; top:66px; font-size:1rem; line-height:0.5; padding:3px 12px;}
.popup ul {list-style:none; padding:3px 0 0;}
.popup .lst.flex li {margin:0; width:100%; max-width:48%; white-space:nowrap; overflow:hidden;}
.lst {list-style:none;}
.lst li {position:relative; padding:0 0 0 9px;}
.lst li:before {content:' '; display:inline-block; width:5px; height:5px; background:url('/assets/bullet.gif') no-repeat 0 0; position:absolute; top:2px; left:0;}
.lst li:hover:before {background-position:0 100%;}
.spoiler, .spoiler:not(:checked) + div {display:none;}

.about .wrapper {padding:0 15px 30px; max-width:960px;}
.about .txt {font-size:2rem;}
.about h1, .about h2, .about h3 {font-size:3rem; color:#f3f392; padding:30px 0 0;}

.intro .form {position:absolute; bottom:0; left:0; width:100%;}
.intro .form input {border-color:#00a2f3;}
.intro .form.submitted input:invalid {border-color:#b20000;}
.intro button {background:none; border:0 none;}

.runes {position:absolute; top:14px; left:7px; width:32px;}
.runes li {display:inline-block; width:9px; padding:4px 0 3px;}

.generation {background:url('/assets/bg_generation.gif') no-repeat 0 0;}
.generation form{height:200px;}
.generation .classes {position:absolute; top:36px; left:51px;}
.generation .classes input + .block, .generation .races input + .block {opacity:0;}
.generation .classes input:checked + .block, .generation .classes .block:hover, .generation .races input:checked + .block, .generation .races .block:hover {opacity:1;}
.generation .races {position:absolute; top:145px; left:56px;}
.generation .img {position:absolute; top:11px; left:14px; padding:0 2px 1px;}
.generation .img figcaption {white-space:nowrap; overflow:hidden; padding:1px;}
.generation .txt {position:absolute; top:54px; left:249px; list-style:none;}
.generation .txt .li-body, .generation .txt .li-strength, .generation .txt .li-gold, .generation .txt .li-skill {padding-top:3px;}
.generation .buttons {position:absolute; bottom:8px; right:7px;}
.generation .buttons .iblock {width:45px; height:18px; margin:0 1px;}
.generation .reload {display:inline-block; width:81px; height:21px; position:absolute; bottom:57px; left:39px;}
.generation .values input {padding:0; line-height:0.5; height:7px; border:0 none; background:none; color:#fff;}

.principal {background:url('/location/principal.gif') no-repeat 0 0; line-height:0.5;}
.principal .txt {position:absolute; top:15px; right:9px; max-width:135px;}
.principal input:not(:checked) + div, input[type=radio] {display:none;}

@media (min-width: 645px) and (min-height: 420px){
.zoom {transform:translateX(-50%) translateY(-50%) scale(2);}
}
@media (min-width: 960px) and (min-height: 615px){
.zoom {transform:translateX(-50%) translateY(-50%) scale(3);}
}
@media (min-width: 1284px) and (min-height: 810px){
.zoom {transform:translateX(-50%) translateY(-50%) scale(4);}
}
@media (min-width: 1650px) and (min-height: 1050px){
.zoom {transform:translateX(-50%) translateY(-50%) scale(5);}
}