@import url("https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,700,700i&subset=latin-ext");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:"Nunito","Open Sans","Segoe UI","Helvetica","Verdana",Arial,"sans-serif";vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body,html{width:100%;height:100%}body{display:flex;flex-direction:column}a{text-decoration:none;color:inherit}i.asciimoji{font-family:arial, sans-serif}img{text-align:center;font-size:12px}input,textarea{font-family:"Nunito","Open Sans","Segoe UI","Helvetica","Verdana",Arial,"sans-serif"}section.default{padding:10px 0 60px;flex-grow:1}section.alt{background:#efefef}section.alt-2{background:#dedede}section.no-top{padding-top:0}a.post-edit-link{display:block;margin:0 auto;padding:30px;font-size:30px;color:#aaa;text-align:center}a.post-edit-link:hover{background:#F8F8F8}*{outline-color:#656565}code[class*="language-"],pre[class*="language-"]{color:black;background:none;text-shadow:0 1px white;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*="language-"],pre[class*="language-"]{text-shadow:none}}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*="language-"],pre[class*="language-"]{background:#f5f2f0}:not(pre)>code[class*="language-"]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:rgba(255,255,255,0.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#DD4A68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:0.8em;text-align:right}.cta-white{display:inline-block;padding:16px 35px 18px;border-radius:100px;color:#656565;font-size:13px;line-height:18px;font-weight:bold;letter-spacing:1.5px;text-transform:uppercase;background:white;box-shadow:0 5px 1px 0 rgba(0,0,0,0.25)}.cta-gray{display:inline-block;height:50px;padding:0 30px;line-height:50px;border-radius:30px;color:#fefefe;font-size:14px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;background:rgba(130,133,187,0.6);transition:all 0.2s ease-in;box-shadow:0 5px 1px 0 rgba(0,0,0,0.25)}.cta-gray.full{display:block;width:100%;text-align:center}.cta-gray:hover{background:rgba(196,198,223,0.6);box-shadow:0 5px 1px 0 rgba(0,0,0,0.15)}.comp-author{background:#efefef;width:100%;padding:40px 10px}.comp-author .content{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:auto}.comp-author img{width:186px;height:186px;flex:0 0 auto;margin-bottom:20px}.comp-author .text{display:flex;flex-direction:column}.comp-author .text h3{font-size:20px;margin-bottom:20px;font-weight:bold;color:#565a93;text-transform:uppercase}.comp-author .text p{font-size:20px;line-height:30px}.comp-above-fold{display:flex;flex:1 0 auto;position:relative;width:100%;min-height:100%}.comp-above-fold.half{min-height:50%}.comp-above-fold>.bg{position:absolute;left:0;right:0;top:0;bottom:0;background-size:cover;background-position:center}.comp-above-fold>.overlay{position:absolute;left:0;right:0;top:0;bottom:0;background-blend-mode:multiply;opacity:0.7}.comp-above-fold>.content{position:relative;box-sizing:border-box;padding:40px 10px 80px;margin:auto;display:flex;justify-content:center;align-items:center;align-content:center;overflow:hidden;width:100%}.comp-above-fold>.mobile-continue{width:43px;height:43px;line-height:43px;border-radius:22px;box-shadow:0 5px 1px 0 rgba(0,0,0,0.25);background-color:rgba(255,255,255,0.22);background-repeat:no-repeat;background-position:center;position:absolute;left:50%;transform:translateX(-50%);bottom:10px;background-image:url("../assets/common/arrow-down.png")}.comp-above-fold.no-bg .bg{display:none}.comp-above-fold.no-bg .overlay{opacity:1.0}.comp-above-fold.no-content{display:none}.comp-above-fold.no-content .content{display:none}.comp-categories{max-width:800px;margin:40px auto;padding:0 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.comp-categories a{font-size:19px;line-height:30px;font-weight:bold;color:#8b84d3;flex-grow:0;transition:color 0.1s ease-in}.comp-categories a.inactive{color:#D2D2D2}.comp-categories a.selected{color:#3a328c}.comp-categories a:hover{color:#d2cfee}.cookie-widget{display:none;position:fixed;width:100%;bottom:0;padding:10px 10px 14px;text-align:center;background:#efefef}.cookie-widget a{color:#565a93;border-bottom:1px dotted #565a93}.cookie-widget a:hover{border-bottom-style:solid}.comp-disqus{width:100%;padding:40px 10px}.comp-fold-game{color:white;text-align:center}.comp-fold-game h1{padding-left:10px;padding-right:10px;margin-bottom:15px;font-size:34px;font-size:10vmin;font-weight:bold}.comp-fold-game h2{padding-left:10px;padding-right:10px;font-size:19px;font-size:6vmin;line-height:25px;line-height:8vmin;margin-bottom:20px}.comp-fold-game h2 strong{font-weight:bold}.comp-fold-game h2 em{font-style:italic}.comp-fold-text{color:white;text-align:center;max-width:90%}.comp-fold-text h1{padding-left:10px;padding-right:10px;margin-bottom:15px;font-size:34px;font-size:10vw;font-weight:bold}.comp-fold-text h2{padding-left:10px;padding-right:10px;font-size:19px;font-size:6vw;line-height:25px;line-height:8vw}.comp-fold-text h2 strong{font-weight:bold}.comp-fold-text h2 em{font-style:italic}input[type=checkbox].comp-nav-tick{display:none}.comp-nav-menu{background:#6c6eaa;left:0;right:0;z-index:100}.comp-nav-menu .content{display:flex;min-height:78px;max-width:1024px;margin:auto}.comp-nav-menu .logo{display:inline-block}.comp-nav-menu .logo img{height:78px}.comp-nav-menu .items{display:none}.comp-nav-menu .items .search input{color:white;font-family:"Nunito","Open Sans","Segoe UI","Helvetica","Verdana",Arial,"sans-serif";padding:10px;margin:0 20px;border:1px solid transparent;background:rgba(255,255,255,0.3);border-radius:6px}.comp-nav-menu .items .search input:focus{outline:none;border-color:#656565}.comp-nav-menu .items .search input::placeholder{color:rgba(255,255,255,0.8)}.comp-cta-row{width:100%;margin:auto;position:relative;top:-70px;height:0;display:flex;justify-content:space-between;flex:1 0 auto}.comp-cta-row.count-1{justify-content:center}.draft.comp-blog-post>header h1,.draft.comp-blog-post>header h2{color:red !important}.draft.comp-blog-post>header h1:after,.draft.comp-blog-post>header h2:after{content:"(draft)";display:block;font-size:20px}.comp-blog-post{max-width:800px;margin:0 auto 80px;padding:0 10px}.comp-blog-post .relevanssi-query-term{background-color:yellow !important}.comp-blog-post>header>.figure.figure-center,.comp-blog-post>section>.figure.figure-center{margin:60px 0}.comp-blog-post>header>.figure.figure-center:not(.empty),.comp-blog-post>section>.figure.figure-center:not(.empty){padding-bottom:30px !important}.comp-blog-post>header>.figure.figure-center div,.comp-blog-post>section>.figure.figure-center div{margin:auto}.comp-blog-post>header>.figure.figure-center div>a,.comp-blog-post>section>.figure.figure-center div>a{display:block;position:relative}.comp-blog-post>header>.figure.figure-center img,.comp-blog-post>section>.figure.figure-center img{text-align:center;font-size:12px;width:100%;position:absolute;left:0;top:0}.comp-blog-post>header .featured-banner{margin:0 0 20px !important;width:100%;image-rendering:pixelated}.comp-blog-post>header h1,.comp-blog-post>header h2{margin-bottom:20px;font-size:30px;font-weight:bold;color:#656565}.comp-blog-post>header .time-row{display:flex;justify-content:space-between;flex-direction:column;margin-bottom:40px}.comp-blog-post>header .comp-categories{display:block;margin:0;flex-grow:1;text-align:left;font-weight:bold;color:#8b84d3;padding:0}.comp-blog-post>header .comp-categories a{font-size:20px;display:block;margin-bottom:10px}.comp-blog-post>header .post-date{display:block;font-size:20px;order:2}.comp-blog-post>section{margin-bottom:30px}.comp-blog-post>section p,.comp-blog-post>section li{font-size:20px;line-height:150%;font-weight:lighter}.comp-blog-post>section p,.comp-blog-post>section ul,.comp-blog-post>section ol{margin-bottom:20px}.comp-blog-post>section p.play-button-description{font-size:16px;color:#444;text-align:center;margin:0 auto 40px;width:50%}.comp-blog-post>section strong{font-weight:bold}.comp-blog-post>section em{font-style:italic}.comp-blog-post>section a{color:#565a93;border-bottom:1px dotted #565a93}.comp-blog-post>section a:hover{border-bottom-style:solid}.comp-blog-post>section hr{border:none;background:#565a93;height:1px;margin:40px 0}.comp-blog-post>section h1,.comp-blog-post>section h2,.comp-blog-post>section h3,.comp-blog-post>section h4,.comp-blog-post>section h5,.comp-blog-post>section h6{font-weight:bold;color:#565a93}.comp-blog-post>section h1:first-child,.comp-blog-post>section h2:first-child,.comp-blog-post>section h3:first-child,.comp-blog-post>section h4:first-child,.comp-blog-post>section h5:first-child,.comp-blog-post>section h6:first-child{margin-top:0 !important}.comp-blog-post>section h1,.comp-blog-post>section h2{font-size:34px;margin:60px 0}.comp-blog-post>section h3{font-size:30px;margin:50px 0}.comp-blog-post>section h4{font-size:26px;margin:40px 0}.comp-blog-post>section h5{font-size:24px;margin:30px 0}.comp-blog-post>section h6{font-size:24px;margin:30px 0 30px;color:rgba(101,101,101,0.6)}.comp-blog-post>section pre>code{display:block}.comp-blog-post>section pre>code,.comp-blog-post>section pre>code span{font-family:"courier new"}.comp-blog-post>section .figure a.figure-img-link{border:none}.comp-blog-post>section .figure figcaption{padding:5px;text-align:center}.comp-blog-post>section .figure figcaption:empty{display:none}.comp-blog-post>section :not(pre)>code{font-family:"courier new";background:#F0F0F0;padding:2px 8px;border-radius:5px;border:1px solid #CCC;font-size:16px}.comp-blog-post>section ul{list-style:none}.comp-blog-post>section ul>li{margin-bottom:5px;padding-left:32px;position:relative}.comp-blog-post>section ul>li:before{content:"•";position:absolute;left:5px;color:#565a93}.comp-blog-post>section ol{list-style:none;counter-reset:li}.comp-blog-post>section ol>li{counter-increment:li;margin-bottom:5px;padding-left:32px;position:relative}.comp-blog-post>section ol>li:before{content:counter(li) ".";position:absolute;width:2em;margin-left:-2.5em;color:#565a93;text-align:right}.comp-blog-post>section ul.center-2-col li{display:flex}.comp-blog-post>section ul.center-2-col li>*{flex:1 0 50%}.comp-blog-post>section ul.center-2-col li>*:first-child{text-align:right;padding-right:10px}.comp-blog-post>section ul.center-2-col li>*:last-child{padding-left:10px}.comp-blog-post>section ul.center-2-col>li:before{display:none}.comp-blog-post>section a.reflink{font-size:80%;border:none}.comp-blog-post>section a.reflink:hover{text-decoration:underline}.comp-blog-post>section .refheader{border-bottom:1px solid #565a93;padding-bottom:5px;margin-bottom:10px}.comp-blog-post>section .refblock li{font-size:14px;margin-bottom:0}.comp-blog-post>section .refblock li:target{background:#EFEFEF}.comp-blog-post>section .cta-gray{color:white;background:#565a93;text-decoration:none;border:none;width:50%;margin:auto}.comp-blog-post>section .cta-gray:hover{border:none;background:#7074ac}.comp-blog-post>section blockquote{font-family:Georgia, serif;font-size:18px;font-style:italic;margin:0.25em 0 40px;padding:0.35em 40px;line-height:150%;position:relative;color:#383838}.comp-blog-post>section blockquote a{font-family:Georgia, serif;padding-bottom:0}.comp-blog-post>section blockquote:before{display:block;padding-left:10px;content:"\201C";font-size:80px;position:absolute;left:-20px;top:20px;color:#7a7a7a}.comp-blog-post>section blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px}.comp-blog-post>section blockquote cite:before{content:"\2014 \2009"}.comp-blog-post>section>img.center{margin:auto;display:block}.comp-blog-post>section .youtube{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:15px}.comp-blog-post>section .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}.comp-blog-post>section.series{padding:40px;background:#efefef}.comp-blog-post>section.series h3{margin-bottom:15px}.comp-blog-post>footer .more{font-size:20px;font-weight:bold;color:#565a93}.comp-next-prev{display:flex;padding:40px 10px;width:100%;flex:1 0 auto}.comp-next-prev a{font-size:20px;color:#565a93}.comp-next-prev .filler{flex-grow:1}.comp-pagination{width:100%;max-width:800px;padding:40px 10px;margin:auto;display:flex;justify-content:center;flex:1 0 auto}.comp-pagination .page-numbers{display:block;width:45px;line-height:45px;font-size:20px;text-align:center;background:#efefef;border-radius:5px;margin:5px}.comp-pagination .page-numbers:not(.dots):not(.current):hover{background:#f4f4f9}.comp-pagination .page-numbers.current{color:white;background:#b4b5d3}.comp-section-header{text-align:center;color:#565a93;font-size:50px;font-weight:bold;margin:40px 0 55px}.comp-section-header.search{font-size:36px}.comp-section-game-thumbs{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-around;padding:0 10px;max-width:800px;margin:auto}.comp-section-game-thumb{display:flex;flex-direction:column}.comp-section-game-thumb .inside{display:flex;flex-grow:1;flex-direction:column;width:100%;background-size:cover;position:relative;border-radius:5px;transition:opacity 0.3s ease}.comp-section-game-thumb .inside .img{flex:0 0 auto;width:100%;height:auto;padding-top:56.25%;background-size:cover;background-position:center;border-radius:10px 10px 0 0;border-bottom:1px solid white}.comp-section-game-thumb .inside.hidden{display:none}.comp-section-game-thumb .inside>.content{flex:1 0 auto;box-sizing:border-box;padding:3vw;border-radius:0 0 10px 10px;color:white}.comp-section-game-thumb .inside>.content header{width:100%;font-size:6vw;font-weight:bold;padding-bottom:2px;margin-bottom:15px}.comp-section-game-thumb .inside>.content p{font-size:4vw;line-height:120%}.comp-section-game-boxes{display:flex;flex-wrap:wrap;justify-content:flex-start}.comp-section-game-box{width:100%;display:block;position:relative}.comp-section-game-box.hidden{display:none}.comp-section-game-box>input{display:none}.comp-section-game-box>.image{width:100%;border-radius:5px 5px 0 0}.comp-section-game-box>.image>.aspect-ratio{position:relative;display:block;padding-bottom:56.25%}.comp-section-game-box>.image img{color:white;font-size:30px;position:absolute;width:100%}.comp-section-game-rows{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0 10px}.comp-section-game-row{width:100%;position:relative;border-radius:5px;margin-bottom:25px;box-shadow:0 5px 1px 0 rgba(0,0,0,0.25);transition:opacity 0.3s ease}.comp-section-game-row.hidden{display:none}.comp-section-game-row>.image{width:100%;border-radius:5px 5px 0 0}.comp-section-game-row>.image>.aspect-ratio{position:relative;padding-bottom:56.25%}.comp-section-game-row>.image img{color:white;font-size:30px;position:absolute;width:100%;border-radius:5px 5px 0 0}.comp-section-game-row>.content-wrap{width:100%;border-radius:0 0 5px 5px;position:relative}.comp-section-game-row>.content-wrap .content{display:flex;flex-direction:column;justify-content:center;color:white;padding:10px;padding:5vw}.comp-section-game-row>.content-wrap header{width:100%;font-size:20px;font-size:6vw;font-weight:bold;padding-bottom:2px;margin-bottom:15px}.comp-section-game-row>.content-wrap p{font-size:14px;font-size:4vw;line-height:5vw;margin-bottom:10px}.comp-section-game-row a{position:absolute;left:0;right:0;top:0;bottom:0}.comp-section-special .content{padding:60px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.comp-section-special .content h2{font-size:40px;color:white;margin-bottom:45px;text-align:center}.comp-section-special .content .cta-white{padding-left:100px;padding-right:100px}.comp-section-special.comp-subscribe{display:flex;flex-direction:column;padding:20px}.comp-section-special.comp-subscribe .response{display:none}.comp-section-special.comp-subscribe .response p{color:white;padding:20px;font-weight:bold}.comp-section-special.comp-subscribe .body{display:flex;flex-direction:column;align-items:center}.comp-section-special.comp-subscribe header{display:flex;flex-direction:column;justify-content:space-around;flex:1 1 auto;margin-bottom:20px}.comp-section-special.comp-subscribe header h2{font-size:30px;color:white;margin:0}.comp-section-special.comp-subscribe header h3{font-size:16px;color:white;margin:0;line-height:130%}.comp-section-special.comp-subscribe header .response{display:none}.comp-section-special.comp-subscribe .form{flex:0 0 40%;display:flex;justify-content:center;align-items:center;flex-direction:column}.comp-section-special.comp-subscribe .form input{border:none;margin-bottom:20px;box-sizing:border-box}.comp-section-special.comp-subscribe .form input[type="email"]{background:#f4f4f9;color:black;font-size:20px;border-radius:3px;padding:10px 20px;box-shadow:0 5px 1px 0 rgba(0,0,0,0.25)}.comp-section-special.comp-subscribe .form input[type="submit"]{text-transform:uppercase;cursor:pointer;padding:0 20px;max-width:80%;height:40px;line-height:40px;border-radius:10px;margin-bottom:0}form.mc4wp-form-submitted .comp-section-special.comp-subscribe .response{display:block}form.mc4wp-form-success .comp-section-special.comp-subscribe .response p{margin-bottom:0}form.mc4wp-form-success .comp-section-special.comp-subscribe .body{display:none}.comp-section-footer{background:#4b4b4b;padding:35px 10px 35px}.comp-section-footer>.content,.comp-section-footer>.links{max-width:800px;display:flex;flex-direction:column;align-items:center;color:white;margin:auto}.comp-section-footer>.content img,.comp-section-footer>.links img{display:none}.comp-section-footer>.content p,.comp-section-footer>.links p{text-align:center;margin-bottom:20px}.comp-section-footer>.content p a,.comp-section-footer>.links p a{text-decoration:underline}.comp-section-footer>.links{text-transform:uppercase;margin-bottom:20px}.comp-section-footer>.links a{line-height:40px}.comp-sections-screenshots{display:flex;flex-wrap:wrap}.comp-sections-screenshots:not(.wide){max-width:800px;margin:auto}.comp-sections-screenshots a{display:block;flex-grow:1;flex-basis:100%;transition:opacity 0.2s linear}.comp-sections-screenshots a:hover{opacity:0.6}.comp-sections-screenshots a img{display:block;width:100%}.comp-youtube{width:100%;padding-bottom:56.25%;position:relative;margin:40px 0}.comp-youtube iframe{position:absolute;width:100%;height:100%;top:0;left:0}section.latest-posts{padding:1px 0;background:#efefef}body.layout-project>.body{margin-top:30px}body.layout-blog-archive>.body,body.layout-project-archive>.body,body.layout-open-source-archive>.body{margin-top:30px}body.layout-swf>section.swf-container{padding:30px;background:#efefef}body.layout-swf>section.swf-container .swf{background:#bcbcbc;margin:auto}body.layout-swf>section.body{padding-top:60px}body.layout-blog>.body{margin-top:30px}body.layout-open-source>.body .comp-cta-row{position:static;height:auto;margin-bottom:60px}body.layout-open-source>.body .comp-cta-row a{background:#565a93}body.layout-open-source>.body .comp-cta-row a:hover{background:#7074ac}body.layout-page>section.body{padding:60px 0}.comp-above-fold>.overlay{background:#b4b5d3;background:-moz-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:-webkit-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:linear-gradient(135deg, #b4b5d3 0%, #6c6eaa 100%)}.comp-above-fold.no-content .overlay{background:#b4b5d3;background:-moz-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:-webkit-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:linear-gradient(135deg, #b4b5d3 0%, #6c6eaa 100%)}.comp-section-game-thumb .inside>.content{background:#b4b5d3;background:-moz-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:-webkit-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:linear-gradient(135deg, #b4b5d3 0%, #6c6eaa 100%)}.comp-section-game-row{background:#b4b5d3;background:-moz-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:-webkit-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:linear-gradient(135deg, #b4b5d3 0%, #6c6eaa 100%)}.comp-section-special{background:#b4b5d3;background:-moz-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:-webkit-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:linear-gradient(135deg, #b4b5d3 0%, #6c6eaa 100%)}.comp-sections-screenshots{background:#b4b5d3;background:-moz-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:-webkit-linear-gradient(-45deg, #b4b5d3 0%, #6c6eaa 100%);background:linear-gradient(135deg, #b4b5d3 0%, #6c6eaa 100%)}@media screen and (max-width: 819px){.comp-nav-menu .hamburger{position:absolute;top:16px;right:16px;width:43px;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,0.22);border-radius:100%;box-shadow:0 5px 1px 0 rgba(0,0,0,0.25);z-index:130}.comp-nav-menu .hamburger span{display:block;width:15px;height:2px;background-color:white;border-radius:2px}.comp-nav-menu .hamburger span:nth-child(2){margin:3px 0}.comp-nav-menu .items{position:absolute;width:100%;text-align:right;top:78px;background:#6c6eaa;z-index:120}.comp-nav-menu .items li{padding:10px 15px;border-top:1px solid #565a93}.comp-nav-menu .items li:last-child{border-bottom:1px solid #565a93}.comp-nav-menu .items li a{color:white;text-transform:uppercase;font-size:18px;font-weight:bold;letter-spacing:2px;box-sizing:border-box;line-height:20px}.comp-nav-tick:checked+.nav-menu-filler{flex:0 0 78px}.comp-nav-tick:checked+.nav-menu-filler+.nav-menu-overlay{position:fixed;width:100%;height:100%;background:black;opacity:0.5;top:0;z-index:90}.comp-nav-tick:checked+.nav-menu-filler+.nav-menu-overlay+.comp-nav-menu{position:fixed}.comp-nav-tick:checked+.nav-menu-filler+.nav-menu-overlay+.comp-nav-menu .hamburger{background-image:url("../assets/common/close-hamburger.png");background-position:center;background-repeat:no-repeat}.comp-nav-tick:checked+.nav-menu-filler+.nav-menu-overlay+.comp-nav-menu .hamburger span{display:none}.comp-nav-tick:checked+.nav-menu-filler+.nav-menu-overlay+.comp-nav-menu .items{display:block}.comp-cta-row{display:flex;flex-direction:column;top:0;height:auto}.comp-cta-row a{margin:0;width:100%;display:block;text-align:center;border-radius:0;box-shadow:none;background:#6c6eaa}}@media screen and (min-width: 820px){.cta-white{height:80px;padding:0 60px;line-height:80px;border-radius:40px;font-size:20px;letter-spacing:3px}.comp-author img{margin:0}.comp-author .content{flex-direction:row}.comp-author .text{padding-left:30px;flex-grow:1}.comp-above-fold>.content{padding-top:117px;padding-bottom:120px}.comp-above-fold>.mobile-continue{display:none}.comp-categories{padding:0}.comp-categories.wide{max-width:none;min-width:800px;width:80%;margin-left:auto;margin-right:auto}.comp-categories a{font-size:30px;line-height:40px;text-align:center}.comp-categories.items-5 a{flex-basis:30%}.comp-categories.items-6 a{flex-basis:30%}.comp-categories.items-10 a,.comp-categories.items-11 a{flex-basis:20%}.comp-disqus{width:800px;padding:40px 0;margin:auto}.nav-menu-filler,.nav-menu-overlay{display:none}.comp-nav-menu{position:static}.comp-nav-menu .content{flex:1 0 auto;flex-direction:row}.comp-nav-menu .items,.comp-nav-menu .hamburger{display:none}.comp-nav-menu .items{position:static;display:flex;flex:1 1 auto;flex-direction:row;justify-content:flex-end;align-items:center}.comp-nav-menu .items .logo{margin:0 28px;order:3}.comp-nav-menu .items li a{color:white;text-transform:uppercase;height:auto;font-size:14px;font-weight:bold;letter-spacing:2px;display:block;text-align:center;padding:0 20px}.comp-nav-menu .items li a:hover{opacity:0.7}.comp-nav-menu .items li.current-menu-item{text-decoration:underline}.comp-nav-menu .items .search{flex:0 1 auto;white-space:nowrap}.comp-blog-post{padding:0}.comp-blog-post>header h1,.comp-blog-post>header h2{margin-bottom:30px;font-size:40px}.comp-blog-post>header .time-row{flex-direction:row;align-items:center}.comp-blog-post>header .comp-categories{text-align:right}.comp-blog-post>header .comp-categories a{display:inline;margin-bottom:0;margin-left:40px}.comp-blog-post>header .post-date{order:0}.comp-blog-post .figure figcaption{font-size:16px;line-height:25px}.comp-blog-post>section>.figure.figure-left{float:left;margin:20px}.comp-blog-post>section>.figure.figure-right{float:right;margin:20px}.comp-blog-post>section a.reflink{position:relative;top:-8px}.comp-blog-post>header>.figure{margin:0}.comp-blog-post .figure-gallery{margin:60px 0 40px;overflow:hidden}.comp-blog-post .figure-gallery .figure{float:left}.comp-blog-post .figure-gallery .figure div>a{position:relative;display:block}.comp-blog-post .figure-gallery .figure img{width:100%;position:absolute;left:0;top:0}.comp-blog-post .figure-gallery.items-1 .figure{width:100%}.comp-blog-post .figure-gallery.items-2 .figure:nth-child(1){width:400px;padding-right:6px}.comp-blog-post .figure-gallery.items-2 .figure:nth-child(2){width:400px;padding-left:6px}.comp-blog-post .figure-gallery.items-3 .figure:nth-child(1){width:266px;padding-right:8px}.comp-blog-post .figure-gallery.items-3 .figure:nth-child(2){width:266px;margin:0 1px;padding:0 4px}.comp-blog-post .figure-gallery.items-3 .figure:nth-child(3){width:266px;padding-left:8px}.comp-blog-post .figure-gallery.items-4 .figure:nth-child(1){width:400px;padding-right:6px;padding-bottom:12px}.comp-blog-post .figure-gallery.items-4 .figure:nth-child(2){clear:left;width:400px;padding-left:6px;padding-bottom:12px}.comp-blog-post .figure-gallery.items-4 .figure:nth-child(3){width:400px;padding-right:6px}.comp-blog-post .figure-gallery.items-4 .figure:nth-child(4){width:400px;padding-left:6px}.comp-blog-post .figure-gallery.items-5 .figure:nth-child(1){width:266px;padding-right:8px;padding-bottom:12px}.comp-blog-post .figure-gallery.items-5 .figure:nth-child(2){width:266px;margin:0 1px;padding:0 4px 12px}.comp-blog-post .figure-gallery.items-5 .figure:nth-child(3){width:266px;padding-left:8px;padding-bottom:12px}.comp-blog-post .figure-gallery.items-5 .figure:nth-child(4){clear:left;width:400px;padding-right:6px}.comp-blog-post .figure-gallery.items-5 .figure:nth-child(5){width:400px;padding-left:6px}.comp-blog-post .figure-gallery.items-6 .figure:nth-child(1){width:266px;padding-right:8px;padding-bottom:12px}.comp-blog-post .figure-gallery.items-6 .figure:nth-child(2){width:266px;margin:0 1px;padding:0 4px 12px}.comp-blog-post .figure-gallery.items-6 .figure:nth-child(3){width:266px;padding-left:8px;padding-bottom:12px}.comp-blog-post .figure-gallery.items-6 .figure:nth-child(4){clear:left;width:266px;padding-right:8px}.comp-blog-post .figure-gallery.items-6 .figure:nth-child(5){width:266px;margin:0 1px;padding:0 4px}.comp-blog-post .figure-gallery.items-6 .figure:nth-child(6){width:266px;padding-left:8px}.comp-next-prev{max-width:800px;padding:40px 0;margin:auto}.comp-next-prev a{font-size:40px}.comp-pagination{padding:40px 0}.comp-section-header{max-width:none;min-width:800px;width:80%;margin-left:auto;margin-right:auto;font-size:80px;margin-top:60px;margin-bottom:90px}.comp-section-game-boxes{max-width:none;min-width:800px;width:80%;margin-left:auto;margin-right:auto;padding:10px}.comp-section-game-box{padding:10px;width:50%}.comp-section-game-box:nth-child(1){width:100%}.comp-section-game-box .data header{font-size:2.5vw}.comp-section-game-box .data p{font-size:1.75vw;line-height:2vw}.comp-section-game-box .data a{font-size:2vw}.comp-section-game-rows{max-width:none;min-width:800px;width:80%;margin-left:auto;margin-right:auto}.comp-section-game-row{width:100%;display:flex;border-radius:26px}.comp-section-game-row>.image{width:50%;border-radius:26px 0 0 26px}.comp-section-game-row>.image img{border-radius:26px 0 0 26px}.comp-section-game-row>.content-wrap{width:50%;border-radius:0 26px 26px 0}.comp-section-game-row>.content-wrap .content{position:absolute;left:0;right:0;top:0;bottom:0;padding:35px}.comp-section-game-row>.content-wrap header{font-size:40px;font-size:2.15vw;margin-bottom:35px;margin-bottom:1.9vw}.comp-section-game-row>.content-wrap p{font-size:20px;font-size:1.3vw;line-height:30px;line-height:1.8vw}.comp-section-game-row:nth-child(2n)>.image{order:2;border-radius:0 26px 26px 0}.comp-section-game-row:nth-child(2n)>.image img{border-radius:0 26px 26px 0}.comp-section-game-row:nth-child(2n)>.content-wrap{border-radius:26px 0 0 26px}.comp-section-game-thumbs{justify-content:center;padding:0}.comp-section-game-thumb{max-width:392px;margin:10px}.comp-section-game-thumb .inside>.content{padding:30px}.comp-section-game-thumb .inside>.content header{font-size:35px;margin-bottom:25px}.comp-section-game-thumb .inside>.content p{font-size:20px}.comp-sections-screenshots a{flex-basis:30%}.comp-section-special .content{padding:120px 0;max-width:none;min-width:800px;width:80%;margin-left:auto;margin-right:auto}.comp-section-special.comp-subscribe .form input[type="submit"]{font-size:18px;width:auto;padding-left:50px;padding-right:50px}.comp-section-special.comp-subscribe .body{flex-direction:row}.comp-section-footer{padding:40px 10px 35px}.comp-section-footer>.links{flex-direction:row;justify-content:space-around;margin-bottom:40px}.comp-section-footer>.content{flex-direction:row;justify-content:space-between}.comp-section-footer>.content img{height:60px;display:block}.comp-section-footer>.content p{margin-bottom:5px;text-align:right}.comp-cta-row{max-width:800px}}@media screen and (min-width: 1200px){.comp-fold-game h1{margin-bottom:29px;font-size:80px}.comp-fold-game h2{font-size:40px;line-height:50px;margin-bottom:85px}.comp-fold-text h1{margin-bottom:29px;font-size:80px}.comp-fold-text h2{font-size:40px;line-height:50px}.comp-section-game-thumbs{max-width:90%}.comp-section-game-box{width:33%}.comp-section-game-box:nth-child(1),.comp-section-game-box:nth-child(2){width:50%}}