/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"]:not([disabled]),
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    appearance: button; /* 2 */
    overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

/*button[disabled],
input[disabled] {
    cursor: default;
}*/

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    height: 13px; /* 3 */
    width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* End normalizer */

@font-face {
  font-family: DejaVuSansMono;
  src: url(DejaVuSansMono.ttf);
}
body {
	font-family:"Times New Roman";
	font-size:1em;
}
/*
@media (any-pointer: coarse) {
	body {
		font-size:1.4em;
	}
	img {
		height:140%;
	}
}
*/
#wrapper {
	position:relative;
	top:0;
}
body.wob {
	background:#15151b;
	color:white;
}
body.wob a {
	color: rgb(150, 150, 255);
}
pre {
	font-size:13px;
	font-family:DejaVuSansMono;
}
.alert {
	position:fixed;
	z-index:9999999;
	top:100px;
	left:50%;
	transform: translateX(-50%);
	border:1px solid black;
	border-width: 1px 2px 2px 1px;
	padding:20px;
	background:white;
	display:none;
	width:500px;
}
.modal {
	position:fixed;
	z-index:9999998;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
}
.fader {
	position:fixed;
	z-index:99999999;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background:black;
}
body.wob .alert {
	background:#15151b;
	border:1px solid white;
	border-width:1px 2px 2px 1px;
}
/*.alert:after {
	content:'a';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-10000;
	background:black;
}*/
#land {
	margin-top:200px;
}
pre.building {
	position:relative;
	z-index:2;
	float:left;
	margin-left:20px;
	cursor:pointer;
	user-select: none;
}
body.wob pre.building {
	background:#15151b;
}
pre.building.hidden, #underground .hidden, pre.underworld-building.hidden, pre.cloud.hidden {
	display:none;
}
pre.building.sign {
	position:absolute;
	left:325px;
}
pre.building.anothershop {
	position:absolute;
	left:370px;
}
pre.gate {
	position:absolute;
	left:460px;
}
pre.enchant {
	position:absolute;
	left:575px;
}
pre.hill {
	position:absolute;
	left:700px;
	cursor:default;
}
pre.chest {
	position:absolute;
	left:757.5px;
	top:80px;
}
pre.phone {
	position:absolute;
	left:857.5px;
	top:105px;
}
pre.castle {
	position:absolute;
	left:975px;
	top:0px;
	width:304px;
}
pre.laboratory {
	position:absolute;
	left:1450px;
}
pre.portal {
	position:absolute;
	left:1600px;
	width:64px;
}
pre.airplane {
	position:absolute;
	left:1750px;
	background:transparent;
	width:250px;
}
pre.none {
	position:absolute;
	left:0px;
	background:transparent;
	color:transparent;
}
.road {
	clear:both;
	position:relative;
	z-index:1;
	top:-32px;
	color:transparent;
	border-bottom:1px solid black;
	min-width:2000px;
	width:100%;
}
#realworld .road {
	top:-34px;
}
body.wob .road {
	border-bottom:1px solid white;
}
input[type=text], select {
	font-family:'Times New Roman';
}
input[type=button] {
	padding:5px;
	margin:0 5px 5px 0;
	background:white;
	border:1px solid black;
	border-width: 1px 2px 2px 1px;
	font-family:'Times New Roman';
}
.smallbutton
{
	width:23%;
}
.mediumbutton
{
	width:33.33%;
}
.bigbutton
{
	width:50%;
}
.hugebutton
{
	width:66.66%;
}
body.wob input[type=button] {
	border:1px solid white;
	border-width: 1px 2px 2px 1px;
	color:white;
	background:#15151b;
}
input[type=button]:disabled {
	color:black;
}
body.wob input[type=button]:disabled {
	color:white;
}
/*input[type=button]:disabled {
	background:rgba(0,0,0,.1);
}
body.wob input[type=button]:disabled {
	background:rgba(255,255,255,.3);
}*/
input[type=button]:not([disabled]):hover {
	cursor:pointer;
	padding:5px;
	background:rgba(0,0,0,.1);
	border:1px solid black;
	border-width: 1px 2px 2px 1px;
}
input[type=button]:not([disabled]):active
{
	background:rgba(0,0,0,.15);
}
body.wob input[type=button]:not([disabled]):active
{
	background:rgba(255,255,255,.15);
}
input[type=button][disabled]
{
	background: rgba(0,0,0,.1);
}
body.wob input[type=button][disabled]
{
	background: rgba(255,255,255,.1);
}
body.wob input[type=button]:not([disabled]):hover {
	padding:5px;
	background:rgba(255,255,255,.1);
	border: 1px solid white;
	border-width: 1px 2px 2px 1px;
}
.banner-plane {
	position:absolute;
	width: 1500px;
	top:0px;
	left:220px;
}
.banner-plane.world1.reachedclouds {
	top:500px;
}
.ads {
	position:absolute;
	top:37px;
	left:71px;
	z-index:9999;
}
.cloud {
	position:absolute;
	user-select: none;
}
.cloud-1 {
	top:-175px;
	left:20px;
}
.cloud-2 {
	top:-100px;
	left:1750px;
	width:200px;
}
.cloud-3 {
	top:-100px;
	left:1550px;
	width:200px;
}
.cloud-4 {
	top:-400px;
	left:1250px;
	width:225px;
	cursor:pointer;
}
#storage {
	position:fixed;
	top:0;
	right:0;
	padding:10px;
	border-left:1px solid black;
	border-bottom:1px solid black;
	background:white;
	z-index:999999;
}
body.wob #storage {
	background:#15151b;
	border-left:1px solid white;
	border-bottom:1px solid white;
}
#insidestorage {
	padding-left:20px;
	padding-right:50px;
}
pre[class^=dig-step-] {
	cursor:pointer;
	position:absolute;
	background:white;
	z-index:999;
}
body.wob pre[class^=dig-step-] {
	background:#15151b;
}
pre.dig-step-1 {
	margin-top:-35px;
	left:270px;
}
pre.dig-step-2 {
	margin-top:-6px;
	cursor:default;
	left:19.5px;
	z-index:1000;
}
pre.underworld-building {
	cursor:pointer;
	user-select:none;
}
.unselectable
{
	user-select:none;
}
pre.training-center {
	position:absolute;
	z-index:1001;
	left:320px;
	margin-top:159px;
}
pre.mining {
	position:absolute;
	z-index:1001;
	left:70px;
	margin-top:277px;
	background:white;
}
pre.small-hole {
	position:absolute;
	z-index:1001;
	left:481px;
	margin-top:69px;
	background:white;
	width:50px;
}
pre.digging {
	position:absolute;
	background:white;
	z-index:1001;
	left:482px;
	margin-top:54px;
}
pre.dig-get-chest {
	position:absolute;
	background:white;
	z-index:1001;
	left:700px;
	margin-top:54px;
}
pre.dig-pizzas {
	position:absolute;
	background:white;
	z-index:1001;
	left:900px;
	margin-top:54px;
}
pre.dig-laptop {
	position:absolute;
	background:white;
	z-index:1001;
	left:1150px;
	margin-top:54px;
}
pre.dig-sign {
	position:absolute;
	background:white;
	z-index:1001;
	left:1400px;
	margin-top:54px;
}
body.wob pre.mining, body.wob pre.small-hole, body.wob pre.digging, body.wob pre.dig-get-chest, body.wob pre.dig-pizzas, body.wob pre.dig-laptop, body.wob pre.dig-sign {
	background:#15151b;
}
#credits {
	background:white;
	z-index:99999;
	position:fixed;
	right:0;
	bottom:0;
	padding:7px;
	border-left:1px solid black;
	border-top:1px solid black;
}
#version {
	background:white;
	z-index:99999;
	position:fixed;
	left:0;
	bottom:0;
	padding:7px;
	border-right:1px solid black;
	border-top:1px solid black;
}
body.wob #credits {
	background:#15151b;
	border-left:1px solid white;
	border-top:1px solid white;
}
body.wob #version {
	background:#15151b;
	border-right:1px solid white;
	border-top:1px solid white;
}
body.wob #credits {
	border-right:none;
}
.grey {
	color:grey;
}
.castle-steps {
	text-align:center;
}
.reddit {
	font-weight:bold;
	color:#FF4500;
	text-decoration:none;
}
.discord {
	font-weight:bold;
	color:#5865F2;
	text-decoration:none;
}
body.wob .reddit {
	font-weight:bold;
	color:#FF4500;
	text-decoration:none;
}
body.wob .discord {
	font-weight:bold;
	color:#5865F2;
	text-decoration:none;
}
.dec2021msg {
	font-weight:bold;
}
[class^=player-] {
	z-index:10;
}
[class^=player-sword] {
	z-index:1;
	margin-top:-62px;
	margin-left:50px;
}
[class^=enemy-] {
	z-index:10;
}
[class^=enemy-sword] {
	z-index:1;
	margin-top:-62px;
	margin-left:21px;
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	transform:rotateY(180deg);
}
[class$=-area] {
	margin:0;
}
pre [type=button], pre [type=button]:hover, body.wob pre [type=button], body.wob pre [type=button]:hover {
	padding:0;
	border:0;
	margin:0;
	font-family:Courier New;
}	
pre [type=button] {
	background:whiteSmoke;
}
body.wob pre [type=button] {
	background: rgba(255,255,255,.15);
}
.click {
	cursor:pointer;
}
#realworld {
	display:none;
}
.theportal {
	position:absolute;
	left:75px;
	margin-top: 6px;
	cursor:pointer;
	background:white;
	z-index:99999;
}
.thefox {
	position:absolute;
	left:250px;
	margin-top: 6px;
	cursor:pointer;
	background:white;
	z-index:9999;
}
.thehouse {
	position:absolute;
	left:550px;
	margin-top: 6px;
	cursor:pointer;
	background:white;
	z-index:9999;
}
.sand {
	position:absolute;
	left:850px;
	margin-top: 6px;
	width:810px;
	cursor:pointer;
	background:white;
	z-index:9999;
}
.hole {
	position:absolute;
	left:1050px;
	width:120px;
	top:233px;
	background:white;
	z-index:10000;
}
.sand.hidden, .hole.hidden {
	display:none;
}
.travel.hidden {
	display:none;
}
body.wob .theportal, body.wob .thefox, body.wob .thehouse, body.wob .sand, body.wob .hole {
	background:#15151b;
}
.bsod {
	background:rgb(0,0,200);
	color:white;
}
.ylvis-the-fox {
	position:relative;
}
.ylvis {
	background:black;
	position:absolute;
	top:-302px;
	left:19px;
	width:282px;
	height:193px;
}
.alert-battle-fox {
	top:50px;
}
[class^=buttons-] input[type=button]:disabled {
	background:rgba(0,0,0,.1);
}
body.wob [class^=buttons-] input[type=button]:disabled {
	background:rgba(255,255,255,.15);
}
img {
	opacity:1;
	position:absolute;
	left:1%;
	height:1em;
}
.bubble {
	position: fixed;
	right: 230px;
	bottom: 50px;
	z-index: 9999997;
	background: #ffffff;
	text-align: center;
	border-radius: 10px;
	padding: 10px;
	border: #000000 solid 1px;
	animation: mover .75s infinite alternate linear;
}
.bubble:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: #ffffff transparent;
	border-width: 10px 10px 0;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
}
.bubble:before {
	content: '';
	position: absolute;
	width: 0;
	z-index: 0;
	border-style: solid;
	border-color: #000000 transparent;
	border-width: 11px 11px 0;
	bottom: -11.5px;
	left: 50%;
	margin-left: -11px;
	display: block;
}
body.wob .bubble {
	background: black;
	color: white;
	border: #ffffff solid 1px;
}
body.wob .bubble:after {
	border-color: #000000 transparent;
}
body.wob .bubble:before {
	border-color: #ffffff transparent;
}
@keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(5px); }
}