body{color:#fff;background:#000;margin:0;padding:0;font-family:'Space Mono',monospace}a{color:#fff}h2,h3{font-family:'Xanh Mono',monospace;font-weight:400;margin-top:0}p{margin:10px 0}p:first-child{margin-top:0}p:last-child{margin-bottom:0}.color1{color:#000;background-color:#fb7eda}.color2{color:#000;background-color:#f6d800}.textc2{color:#f6d800}.col2{display:flex}.col2 .coll{flex:1;padding-right:10px}.col2 .colr{flex:1;padding-left:10px}#top{margin:0;height:40px;border-bottom:1px solid #fff;text-align:center;font-weight:400;font-size:16px;line-height:40px;box-sizing:border-box}#body{position:relative;overflow:hidden}#endmenu,#menu,#sidebar{position:absolute;top:0;bottom:0;border-left:1px solid #fff;background:#000}#sidebar{z-index:10;width:32px;right:0}#sidebar .menubtn{display:block;overflow:hidden;text-indent:-1000em;line-height:0;width:32px;height:32px;background:url(../img/ui/menu.png) center center/19px 19px no-repeat}#menu{width:300px;font-family:'Xanh Mono',monospace;font-size:24px;right:-302px;transition:right ease .5s;z-index:11}#menu.show{right:0}#menu ul{margin:0;padding:0;list-style-type:none}#menu ul li{margin:0;padding:0;list-style-type:none}#menu ul li{border-bottom:1px solid #fff}#menu a{color:#fff;text-decoration:none;display:block;padding:5px 0 5px 20px}#menu .close{padding:0;height:32px}#menu .close span{display:block;float:right;overflow:hidden;text-indent:-1000em;line-height:0;width:32px;height:32px;background:url(../img/ui/close.png) center center/19px 19px no-repeat}#menu .menu1{border-right:20px solid #fb7eda}#menu .menu1:hover{background:#fb7eda}#menu .menu2{border-right:20px solid #f6d800}#menu .menu2:hover{background:#f6d800}#menu .menu3{border-right:20px solid #02565e}#menu .menu3:hover{background:#02565e}#menu .menu4{border-right:20px solid #00469d}#menu .menu4:hover{background:#00469d}#menu .menu5{border-right:20px solid #c01c1b}#menu .menu5:hover{background:#c01c1b}#endmenu{width:360px;display:none;font-size:12px;right:32px;z-index:8}#endmenu .rows{display:flex;flex-direction:column;height:100%;overflow:auto}#endmenu .rows .head{flex:1}#endmenu h2{font-family:'Space Mono',monospace;font-size:12px;margin:0;text-transform:lowercase}#endmenu h2,#endmenu p{padding:0 10px}#endmenu .openedintro{display:none}#endmenu.opened{width:180px}#endmenu.opened .answers,#endmenu.opened .back,#endmenu.opened .color1,#endmenu.opened .next,#endmenu.opened .num,#endmenu.opened .question,#endmenu.opened .share,#endmenu.opened .surveyintro{display:none}#endmenu.opened .openedintro{display:block}@media screen and (max-width:1200px){#endmenu{zoom:.9}}@media screen and (max-width:1000px){#endmenu{zoom:.8}}@media screen and (max-width:900px){#endmenu{zoom:.7}}#bottom{position:relative;z-index:10;border-top:1px solid #fff;text-align:center;min-height:30px;line-height:30px;box-sizing:border-box}#bottom .clip{padding:0 20px}#bottom .leftClip{color:#000;background-color:#fb7eda}#bottom .downClip{color:#000;background-color:#fff}#bottom .rightClip{color:#000;background-color:#f6d800}#bottom .upClip{background:#00469d}#bottom .endClip{background:#c01c1b}#klax{position:relative;z-index:1;overflow:hidden;display:none;width:1000px;height:540px;transform-origin:top left;perspective:250px;perspective-origin:500px 198px}#klax svg{display:block}#klax .bar{position:absolute;left:50%;top:50%}#klax .grid{background:#fff;width:433px;height:4px;margin:126px -217px;position:absolute;top:50%;left:50%;transform-origin:center;border-radius:2px}#klax .img{width:254px;height:254px;margin:-126px;background-image:url(../img/gen/256.jpg);position:absolute;top:50%;left:50%;transform-origin:center bottom}#klax #backboard{position:absolute;z-index:2;top:0;left:357px}#klax #backboard img{width:284px;height:284px}#klax.end{margin-left:-15%}#klax #introtext{position:absolute;width:240px;top:40px;left:20px;border:1px solid #fff;padding:20px;font-size:12px;transition:opacity 1s}.kstate3 #introtext,.kstate4 #introtext,.kstate5 #introtext,.kstate6 #introtext{opacity:0}#journey{position:absolute;top:0;z-index:9;width:1000px;height:540px;overflow:hidden;display:none;transform-origin:top left}#journeyTransition{display:none;position:absolute;z-index:1;top:66px;left:50%;margin-left:-167px;width:334px;text-align:center}#journeyTransition .cell{position:relative;background:#000;padding:16px 0}#journeyTransition .row{position:relative;z-index:2}#journeyTransition #journeyAnimation{position:absolute;z-index:1;top:0;width:100%}#journeyTransition #journeyAnimation .cell{position:absolute;width:100%;line-height:0;border:1px solid #fff!important}#journeyTransition #journeyAnimation .left{z-index:3}#journeyTransition #journeyAnimation .down{z-index:2}#journeyTransition #journeyAnimation .right{z-index:1}#journeyTransition #journeyTData .cell{border-top:0 none;padding:0;height:110px}#journeyTransition #journeyClip{font-size:12px;background:#000;border:1px solid #fff;position:absolute;padding:0 4px;top:50px;left:350px;width:300px;height:300px;text-align:left}#journeyPage{display:none;position:absolute;z-index:2;top:0;left:50%;margin-left:-500px;width:1000px;height:540px;background:#000;text-align:center}#journeyPage #journeyTop{width:33.333%;margin:auto;display:flex}#journeyPage #journeyTop .up{background:#00469d}#journeyPage #journeyTop .up:after,#journeyPage #journeyTop .up:before{content:" ↑ "}#journeyPage #journeyTop .finish{background:#c01c1b}#journeyPage #journeyTop .finish:after,#journeyPage #journeyTop .finish:before{content:" ! "}#journeyPage #journeyMiddle .cell{padding:16px 0}#journeyPage #journeyData .cell{border-top:0 none;height:110px}#journeyPage #journeyBottom{color:#000}#journeyPage #journeyBottom .left{background-color:#fb7eda}#journeyPage #journeyBottom .left:after,#journeyPage #journeyBottom .left:before{content:" ← "}#journeyPage #journeyBottom .down{background-color:#fff}#journeyPage #journeyBottom .down:after,#journeyPage #journeyBottom .down:before{content:" ↓ "}#journeyPage #journeyBottom .right{background-color:#f6d800}#journeyPage #journeyBottom .right:after,#journeyPage #journeyBottom .right:before{content:" → "}#artistPopup,#endPopup{position:absolute;z-index:2;top:50px;left:50%;margin-left:-425px;width:850px;background:#000;text-align:center;display:none;box-shadow:#fff 10px 10px}#artistPopup .cell,#endPopup .cell{border-top:0 none}#artistPopup .imgs .cell,#endPopup .imgs .cell{padding:16px 0}#artistPopup .imgs .cell img,#endPopup .imgs .cell img{width:250px;height:250px}#artistPopup{z-index:3;top:70px;margin-left:-400px;width:800px}#artistPopup .popupContent{font-size:12px;text-align:justify;padding:20px;border:1px solid #fff;border-top:0 none}#artistPopup .title{font-size:24px;margin:0;height:40px;line-height:40px;overflow:hidden}#textPopup{position:absolute;z-index:20;top:150px;left:50%;margin-left:-300px;width:600px;background:#000;text-align:center;padding:20px;font-size:16px;border:1px solid #fff;display:none;box-shadow:#fff 10px 10px}#textPopup input{margin-top:20px;font-size:16px;width:100%}#textPopup .close{position:absolute;top:0;right:0}#textPopup .close a{display:block;float:right;overflow:hidden;text-indent:-1000em;line-height:0;width:32px;height:32px;background:url(../img/ui/close.png) center center/19px 19px no-repeat}#survey{margin-top:20px}#survey .question{min-height:50px;font-size:16px}#survey .answers{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;text-align:center;font-size:16px;border-bottom:1px solid #fff}#survey .answers li{margin:0;padding:0;list-style-type:none}#survey .answers li{flex:0 1 50%;box-sizing:border-box;border-top:1px solid #fff;line-height:1.1}#survey .answers li:nth-child(even){border-left:1px solid #fff}#survey .answers li a{padding:0 5px;display:block;height:60px;display:flex;align-items:center;justify-content:center;text-decoration:none}#survey .answers li a:hover{color:#000;background:#fb7eda}#survey .answers li>span{height:60px;display:flex;align-items:center;justify-content:center}#survey .answers li>span input{font-family:'Space Mono',monospace;text-align:center;width:66%;font-size:16px}#survey .end{display:flex;border-bottom:1px solid #fff}#survey .surveycontrol{flex:1;margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;text-align:center;font-size:16px}#survey .surveycontrol li{margin:0;padding:0;list-style-type:none}#survey .surveycontrol li{box-sizing:border-box}#survey .surveycontrol .num{flex:1;order:2}#survey .surveycontrol .back{flex:0 1 33.3%;order:1;font-weight:700}#survey .surveycontrol .back a{background-color:#02565e}#survey .surveycontrol .next{flex:0 1 33.3%;order:3;font-weight:700}#survey .surveycontrol .next a{background-color:#c01c1b}#survey .surveycontrol .reset{flex:0 0 100%;order:4;font-size:24px}#survey .surveycontrol .reset a{background-color:#f6d800;color:#000}#survey .surveycontrol .begin{flex:0 0 100%;order:5;font-size:11px}#survey .surveycontrol .begin a{background-color:#fff;color:#000}#survey .surveycontrol a{display:block;text-decoration:none;height:100%}#survey .surveycontrol a:active{font-weight:700}#survey .share{flex:1}#survey .share h2{font-size:11px;background-color:#00469d}#survey .share ul{margin:0;padding:0;list-style-type:none;display:flex}#survey .share ul li{margin:0;padding:0;list-style-type:none}#survey .share ul li{flex:1;border-left:1px solid #fff}#survey .share ul li:first-child{border-left:none}#survey .share a{display:block;min-height:60px;overflow:hidden;text-indent:-1000em;line-height:0;background:#000 center center/60px 60px no-repeat}#survey .share a:hover{opacity:.75}#survey .share .sharetwit{background-image:url(../img/ui/share-twit.png)}#survey .share .shareemail{background-image:url(../img/ui/share-email.png)}#survey .share .shareweb{background-image:url(../img/ui/share-web.png)}.journey .row{display:flex}.journey .row.imgs{line-height:0}.journey .choice{height:26px;line-height:26px;flex:1;cursor:pointer;text-transform:uppercase}.journey .choice:active{font-weight:700}.journey .cell{flex:1;border:1px solid #fff;box-sizing:border-box}.journey .cell.down{border-left:0 none;border-right:0 none}.journey .cell img{width:300px;height:300px}.journey .cell .heatmap{opacity:.5;position:absolute;transition:opacity 1s}.journey .cell .heatmap:hover{opacity:.75}.journey .cell ul{margin:0;padding:0;list-style-type:none;font-size:12px;padding:1px}.journey .cell ul li{margin:0;padding:0;list-style-type:none}.journey .cell ul li{float:left;background:#fff;color:#000;padding:0 4px;margin:2px}.journey .title{font-size:24px;margin:0;height:40px;line-height:40px;overflow:hidden}.popup .popupHeader{border:1px solid #fff}.popup .popupHeader .title{font-size:16px;padding-right:40px}.popup .popupHeader .close a{display:block;position:absolute;right:0;top:0;width:40px;height:40px;border:1px solid #fff}.popup .popupHeader .close a span{display:block;overflow:hidden;text-indent:-1000em;line-height:0;width:100%;height:100%;background:url(../img/ui/close-large.png) top left/100% 100% no-repeat}#pages{position:absolute;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:20;background:#000}#pages .page{max-width:1100px;margin:auto;padding:20px 40px}#pages .close{position:fixed;top:40px;right:20px}#pages .close a{display:block;float:right;overflow:hidden;text-indent:-1000em;line-height:0;width:32px;height:32px;background:url(../img/ui/close.png) center center/19px 19px no-repeat}#preload{width:1px;height:1px;overflow:hidden;position:absolute;left:-10px}.fullscreen{position:absolute;bottom:5px;left:5px;z-index:3;transition:1s opacity}.fullscreen a{display:block;width:34px;height:34px;background:url(../img/ui/icon-fullscreen.png) top left/100% 100% no-repeat;overflow:hidden;text-indent:-1000em;line-height:0}.kstate3 .fullscreen,.kstate4 .fullscreen{opacity:0}.fastforward{position:absolute;bottom:5px;right:5px}.fastforward a{display:block;width:19px;height:19px;background:url(../img/ui/ff.png) top left/100% 100% no-repeat;overflow:hidden;text-indent:-1000em;line-height:0}#timeout{position:fixed;z-index:60000;left:48.5%;top:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px;background:#000;color:#fff;text-align:center;border:1px solid #fff;box-sizing:border-box;display:flex;flex-direction:column}#timeout p{flex:1;padding:10px}#timeout div{padding:0 10px 10px}#timeout a{display:block;background:#f6d800;color:#000;padding:10px;text-decoration:none;cursor:pointer}