/*!
 * Yeah Boilerplate, (c) Yeah - Bild, Code & Herzklopfen
 * @version 0.1.0
 * @date 2017-05-02, 20:16
 */@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);#loginScreen,.game{-webkit-box-align:center}.game,.gamewrapper{z-index:1;width:100%}#game_stage,.gamewrapper,sub,sup{position:relative}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}h1,h2,h3{margin-bottom:14px}#game_stage,#loginScreen,.gamewrapper,img{margin:0 auto}body,h5{line-height:24px}#loginScreen #loginForm input,body{font-family:'Roboto Condensed',sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{background-image:url(../img/background_pattern.jpg);background-size:200px 200px;background-position:center center}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#444}*,:after,:before{box-sizing:border-box;-webkit-appearance:none}h1,h2,h3,h4,h5,h6{font-weight:400}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}b,h3,strong{font-weight:700}h1{font-size:46px;line-height:50px}h2{font-size:36px;line-height:46px}h3{font-size:20px;line-height:26px}h4{font-size:21px;line-height:30px;margin-bottom:4px}h5{font-size:17px}h6{font-size:14px;line-height:21px}.subheader{color:#777}p{font-size:16px;line-height:22px;margin:0 0 16px}sub,sup{font-size:75%;line-height:0}sup{top:-.5em}sub{bottom:-.25em}a:active,a:focus,a:visited{outline:0;border:none}a{color:#444}.no-touchevents a{-webkit-transition:color .3s;transition:color .3s}.no-touchevents a:hover{text-decoration:none}img{max-width:100%;height:auto}#loginScreen{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:90vh;width:300px}#loginScreen #loginForm{display:block;width:100%;background-color:#fff;border-radius:10px;box-shadow:0 0 5px 0 rgba(0,0,0,.25)}#loginScreen #loginForm #pass{width:260px;padding:10px;text-align:center;border:1px solid #ccc;margin:20px auto 10px;display:block;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.1);border-radius:7px;font-size:16px;background-color:#F6F6F6}#loginScreen #loginForm #loginButton{display:block;width:260px;padding:10px;margin:0 auto;background-color:#14A4BF;color:#F6F6F6;border-radius:7px;font-size:16px;cursor:pointer;border:none}.no-touchevents #loginScreen #loginForm #loginButton{-webkit-transition:background-color .3s;transition:background-color .3s}.no-touchevents #loginScreen #loginForm #loginButton:hover{background-color:#0e798c}#loginScreen #loginForm h4{width:100%;float:left;text-align:center;color:#666;font-size:16px;margin:10px auto}.game{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:100vh}.gamewrapper{max-width:700px}#game_stage{width:100%;height:0;padding-bottom:100%;display:block}#game_stage .card{width:30%;display:block;margin:2.5%;position:absolute;height:0;-webkit-transition:left .7s,top .7s;transition:left .7s,top .7s}#game_stage .card .placeholder{position:relative;padding-bottom:100%;width:100%}#game_stage .card .back,#game_stage .card .flipholder,#game_stage .card .flipper,#game_stage .card .front{position:absolute;width:100%;height:100%;left:0;top:0;display:block}#game_stage .card .flipholder{-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#game_stage .card .flipper{-webkit-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#game_stage .card.open .flipper{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#game_stage .card .back,#game_stage .card .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #14A4BF}#game_stage .card .front{background-image:url(../img/card_bg_pattern.png);background-size:16px 16px;z-index:2;-webkit-transform:rotateY(0);transform:rotateY(0)}#game_stage .card .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-size:100% 100%}#game_stage .card.type_1 .back{background-image:url(../img/card_type_1.jpg)}#game_stage .card.type_2 .back{background-image:url(../img/card_type_2.jpg)}#game_stage .card.type_3 .back{background-image:url(../img/card_type_3.jpg)}#game_stage .card.pos_1{left:0;top:0;z-index:10}#game_stage .card.pos_2{left:32.5%;top:0;z-index:9}#game_stage .card.pos_3{left:65%;top:0;z-index:8}#game_stage .card.pos_4{left:0;top:32.4%;z-index:7}#game_stage .card.pos_5{left:32.5%;top:32.4%}#game_stage .card.pos_6{left:65%;top:32.4%;z-index:5}#game_stage .card.pos_7{left:0;top:64.8%;z-index:4}#game_stage .card.pos_8{left:32.5%;top:64.8%;z-index:3}#game_stage .card.pos_9{left:65%;top:64.8%;z-index:2}#game_stage .card.pos_5{z-index:1}#game_stage .card.stacked{left:32.5%;top:32.5%}#game_stage .card.active{cursor:pointer}#message{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:15}#message #messagebox{display:block;width:400px;border-radius:10px;box-shadow:0 0 5px 0 rgba(0,0,0,.25);margin:-100px auto 0;background-color:#fff;position:relative;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}#message #messagebox.visible{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}#message #messagebox #messagestring{text-align:center;padding:20px 20px 10px}#message #messagebox #messagestring p{font-size:20px;line-height:28px}#message #messagebox #close_box{display:block;width:110px;padding:6px;margin:0 auto 20px;background-color:#14A4BF;color:#F6F6F6;border-radius:7px;font-size:16px;cursor:pointer;border:none;text-align:center;text-decoration:none}.no-touchevents #message #messagebox #close_box{-webkit-transition:background-color .3s;transition:background-color .3s}.no-touchevents #message #messagebox #close_box:hover{background-color:#0e798c}