body{background-color:#221f24}header{background-color:#221f24}.pro-layout header{border-top:none}header:not(.simplified) .header-content{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:inherit;height:44px}.no-sidebar header .header-content,.pro-layout header .header-content{max-width:1380px}header .main-game-info{display:flex;width:100%;align-items:center;color:#fff;background-color:#3a3140;padding:10px 20px}.pro-layout header .main-game-info:last-child{justify-content:center}.pro-layout header .main-game-info i{position:relative;top:-1px}header h1{display:inline;font-weight:400;font-size:16px;line-height:22px;white-space:nowrap}header .main-game-info h1 a{position:relative;top:1px;margin-right:10px;color:#f1de0c}header .main-game-info h1 a img{max-width:18px;max-height:18px}header h2{display:inline;margin-bottom:0;color:#fff;white-space:nowrap}header h2 a{color:#fff}header .connection-container{width:300px;min-width:300px;align-items:center;justify-content:flex-end;padding:10px;background-color:#8f8795}.no-sidebar header .connection-container,.pro-layout header .connection-container{width:auto;min-width:inherit;justify-content:center}header .profile-container{width:300px;min-width:300px;padding:10px 20px;min-height:44px;justify-content:flex-end;height:44px;order:inherit}header .profile-information{padding-left:0}header #info-container{z-index:3;background-color:transparent}.no-sidebar header #info-container .content,.pro-layout header #info-container .content{width:100%;left:-50px;max-width:1280px}header #game-info{display:flex;box-sizing:border-box;width:100%;height:44px;align-items:center;justify-content:flex-start;color:#fff;white-space:nowrap;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;margin-left:20px}header #game-meta{display:flex;box-sizing:border-box;width:100%;align-items:center}.no-sidebar header #game-meta,.pro-layout header #game-meta{width:auto}header #game-info h4{margin-bottom:0;white-space:nowrap;margin-right:20px}header #game-meta.tooltip #game-flag-button,header #game-meta.tooltip #game-sharer,header #game-meta.tooltip #game-votes{opacity:.2;pointer-events:none}header #game-meta h4 a{color:#fff}header #game-sharer{display:flex;align-items:center;justify-content:flex-start;margin-right:20px}header #game-votes{display:flex;font-size:12px;line-height:16px}header #game-votes:not(:empty)+#game-flag-button{margin-left:20px}header #game-votes:not(:empty)+#game-flag-button{margin-left:20px}header #game-flag-button:empty,header #game-sharer:empty,header #game-votes:empty{display:none}header #game-timer{position:relative;bottom:-2px}header #game-timer{margin-left:20px}header #game-pause{margin-left:10px}header #info-container #game-flag-button .button,header #info-container #game-pause .button{margin-right:0}header #game-timer.negative{color:#383737 292e}header .header-tab{display:none}@media (max-width:1740px){header .header-content{max-width:1380px}header .connection-container{width:auto;min-width:inherit;justify-content:center}header .profile-container{width:auto;min-width:inherit}header #info-container{max-width:1380px;margin:0 auto}header #info-container .content{width:calc(100% - 100px);left:0;margin:0}.no-sidebar header #info-container .content,.pro-layout header #info-container .content{left:0;margin:0}header #info-container .message{position:fixed;z-index:1}}@media (max-width:1420px){header #game-meta{width:auto}header #game-pause,header #game-timer{margin-left:0}header #game-pause{order:-2;margin-right:10px}header #game-timer{order:-1;margin-right:20px}}@media (max-width:1280px){header.tabbed{position:relative}header .header-content{background-color:#8f8795}header.tabbed .header-content{position:relative;z-index:4;top:-1px;margin-top:-44px;transition:transform .5s;border-bottom:1px solid #221f24}header .main-game-info{overflow:hidden}header .main-game-info:not(:last-child){width:calc(100% - 70px)}header .profile-container{min-width:70px;overflow:hidden}header h1{display:block;overflow:hidden;text-overflow:ellipsis}.no-sidebar header #info-container .content,.pro-layout header #info-container .content,header #info-container .content{max-width:100%;width:calc(100% - 70px)}header.tabbed #info-container .content{width:100%}header .connection-container{order:0;height:auto;padding:10px}header .profile-container h2{width:30px;text-align:center}header .profile-container .username-container{display:none}header .profile-container .image-container{margin-left:0}header.tabbed.displayed .header-content{transform:translate(0,44px)}header.tabbed .header-tab{display:block;position:absolute;left:50%;width:80px;height:20px;margin-left:-40px;top:100%;background-color:#3a3140;color:#f1de0c;border-left:2px solid #221f24;border-right:2px solid #221f24;border-bottom:2px solid #221f24;border-bottom-left-radius:10px;border-bottom-right-radius:10px;cursor:pointer}header.tabbed .header-tab .icon-down,header.tabbed .header-tab .icon-up{margin:auto;text-align:center;font-size:12px;line-height:20px}header.tabbed .header-tab .icon-up,header.tabbed.displayed .header-tab .icon-down{display:none}header.tabbed .header-tab .icon-down,header.tabbed.displayed .header-tab .icon-up{display:block}}@media (max-width:768px){header .header-content{background-color:#3a3140}.pro-layout header .main-game-info{justify-content:flex-start}header .main-game-info h2,header .main-game-info>span{display:none}header #info-container{height:44px}#notification{height:44px;padding:5px 48px 5px 20px}#notification .notification-close-button{top:14px}header #game-info{flex-wrap:wrap;height:auto}#info-container.readjusted #game-info{margin-left:0;padding-left:20px}header .email-sharer-btn-container,header .pinterest-sharer-btn-container,header .tumblr-sharer-btn-container{display:none}body:not(.admin-view) header #game-meta{display:none}}#main-container{display:grid;grid-template-columns:1380px 400px;grid-template-rows:span span;grid-template-areas:"content sidebar" "following sidebar";flex-wrap:wrap;justify-content:flex-start;background-color:#3a3140}.no-sidebar #main-container,.pro-layout #main-container{max-width:1380px}#main-content{display:flex;width:1380px;flex-wrap:wrap;padding-right:0;align-content:flex-start;justify-content:center;grid-area:content}@media (max-width:1740px){#main-container{display:flex;justify-content:center;background-color:transparent}}@media (max-width:1420px){#main-content{width:100%}}.preview-reminder{font-family:Oswald,Arial,Verdana,Sans-Serif;font-size:96px;font-weight:700;text-transform:uppercase;position:absolute;display:block;top:50%;left:0;right:0;text-align:center;z-index:1;opacity:.2;pointer-events:none;transform:translate(0,-50%)}@media (max-width:1280px){.preview-reminder{font-size:64px}}@media (max-width:768px){.preview-reminder{font-size:36px;top:0;padding-top:50%}}#canvas-game-message{position:absolute;z-index:3;width:200px;margin-left:-100px}#canvas-game-message:empty{display:none}#canvas-game-message .content{display:block;position:relative;width:100%;background-color:#3a3140cc;color:#fff;letter-spacing:1px;padding:5px 10px;box-sizing:border-box;border-radius:4px;opacity:0;box-shadow:0 2px 0 #221f24;font-size:16px;line-height:20px;overflow-wrap:break-word}#canvas-game-message .content:not(.highlight) .in-game-close-button{display:inline-block;margin-left:5px;cursor:pointer;bottom:-1px;transition:transform .1s}#canvas-game-message .content:not(.highlight) i{color:#f1de0c}#canvas-game-message .content.highlight{display:flex;align-items:center;justify-content:center;background-color:#ffffffcc;font-weight:700;text-align:center;padding:5px 10px 5px 20px;border:2px solid #221f24;color:#221f24}#canvas-game-message .content.highlight form{display:flex;align-items:center;justify-content:center}#canvas-game-message .content.highlight .icon{color:#fff;position:absolute;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:18px;line-height:30px;transform:rotate(5deg);-webkit-text-stroke:2px #221f24;text-stroke:2px #221f24;background-color:#221f24;border-radius:50%;top:-15px;left:-15px}#canvas-game-message .content.highlight .button span{font-size:16px}#canvas-game-message .content.highlight .button:hover span{transform:scale(1.1)}#canvas-game-message .content.highlight .in-game-close-button{margin-left:10px;cursor:pointer;font-size:16px;color:#221f24;background-color:#f1de0c;display:flex;width:14px;height:14px;border-radius:50%;align-items:center;justify-content:center;transition:transform .1s}#canvas-game-message .content .in-game-close-button:hover{transform:scale(1.1)}#canvas-game-message .content.highlight input{text-transform:uppercase;text-align:left;font-weight:700;font-size:20px;line-height:30px;border:none;width:100%}#canvas-game-message .content.highlight>form>input,#canvas-game-message .content.highlight>form>span{margin-right:10px}#canvas-game-message .content.highlight input::placeholder{color:#bbb5bf}#canvas-game-message .content.highlight button,#canvas-game-message .content.highlight input:focus{outline:0}.canvas-direction{transform:translate(0,0);transition-duration:.4s}.canvas-direction.active{transform:translate(0,-80px)}.canvas-direction .canvas-arrow-mover{display:flex;align-items:center;justify-content:center;position:absolute;width:30px;height:30px;line-height:30px;background-color:#3a3140;color:#f1de0c;font-size:16px;border-radius:50%;box-shadow:0 2px 0 #221f24;cursor:pointer}#canvas-direction-left .canvas-arrow{padding-right:5px}#canvas-direction-right .canvas-arrow{padding-left:5px}#canvas-direction-left .canvas-arrow-mover{right:-15px}#canvas-direction-right .canvas-arrow-mover{left:-15px}@media (max-width:1280px){#canvas-game-message{font-size:14px}#game-controls{background-color:#221f24}.canvas-direction{background-color:rgba(255,255,255,.04)}.canvas-direction .canvas-arrow{background-color:transparent}#canvas-direction-left .canvas-arrow{padding-right:0}#canvas-direction-right .canvas-arrow{padding-left:0}.canvas-direction .canvas-arrow-mover{display:none}}#inventory{width:100px;height:720px;position:relative;z-index:1;top:-44px;bottom:0;padding-top:44px;margin-bottom:-44px;user-select:none}.pro-layout #inventory{top:-40px;padding-top:40px;margin-bottom:-40px}.game-ended #inventory{pointer-events:none}#inventory ::-webkit-scrollbar{height:10px}#inventory ::-webkit-scrollbar-thumb{background-color:#8f8795;border-radius:4px}#inventory ::-webkit-scrollbar-thumb:active{background-color:#bbb5bf}#inventory:before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#221f24}#inventory h2{height:44px;line-height:44px;display:block;position:absolute;top:0;left:20px;width:calc(100% - 20px);color:#fff;margin-bottom:0}#inventory ul{position:absolute;top:44px;bottom:0;left:0;right:0;overflow-y:auto;overflow-x:hidden}#inventory ul:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,transparent 80.55%,#221f24 19.55%),linear-gradient(to right,#221f24 18px,#8f879533 18px,#8f879533 78px,#221f24 78px);background-size:100% 72px,100% 72px;background-repeat:repeat;background-attachment:scroll;pointer-events:none}#inventory li{display:flex;width:60px;height:60px;position:relative;overflow:hidden;margin:12px auto 8px 18px;border-radius:2px;box-sizing:border-box;align-items:center;justify-content:center;background-color:#fff;border-bottom:2px solid #221f24;padding:4px 5px}#inventory li:first-child{margin-top:0}#inventory li:empty{background-color:#8f8795;opacity:.2}#inventory li:not(:empty):hover{cursor:pointer}#inventory li.selected{border-bottom-color:#f90}#inventory li.selected:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#8f8795;opacity:.2}#inventory li.selected img{opacity:.5}#inventory li img{max-width:100%;max-height:100%}@media (max-width:1280px){#inventory{width:70px;z-index:3}header.tabbed~#main-container #inventory{top:0;padding-top:0;margin-bottom:0;box-sizing:border-box,}#inventory h2{display:none}#inventory ul{top:0;padding-top:14px}#inventory ul:before{background-image:linear-gradient(to bottom,transparent 73.08%,#221f24 26.92%),linear-gradient(to right,#221f24 12px,#8f879533 12px,#8f879533 52px,#221f24 52px);background-size:100% 52px,100% 52px;background-position:0 14px}#inventory li{width:40px;height:40px;margin:12px auto 8px 12px;overflow:visible}#inventory li.selected:after{content:'';display:block;position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid #f90;border-radius:2px}}.sidebar{top:-44px;margin-bottom:-44px;max-width:300px;background-color:transparent;grid-area:sidebar}.no-sidebar .sidebar,.pro-layout .sidebar{display:none}.sidebar h2:not(.title-container){justify-content:center}.sidebar a:not(.button){color:#fff}.sidebar .games-container{padding:20px}.sidebar .games-container:empty{display:none}.sidebar .game-simple-preview-list{justify-content:center}.sidebar .games-container h4{margin-bottom:5px}.sidebar .advertising{width:300px;max-width:300px;height:600px;background-color:#fff}.sidebar .ad-horizontal,.sidebar .ad-square{display:none!important}@media (max-width:1740px){.sidebar{display:flex;max-width:1380px;top:0;margin-bottom:0;align-items:center;flex-wrap:wrap;flex-direction:column;background-color:#fff}.sidebar h2{justify-content:flex-start;width:100%;box-sizing:border-box}.sidebar,.sidebar a:not(.button){color:#3a3140}.sidebar .advertising{width:970px;max-width:970px;height:250px;top:0;margin-bottom:0;padding:20px 0}.sidebar .ad-square,.sidebar .ad-vertical{display:none!important}.sidebar .ad-horizontal{display:inline-block!important}}@media (max-width:1024px){.sidebar .advertising{width:300px;max-width:300px;height:250px}.sidebar .ad-horizontal,.sidebar .ad-vertical{display:none!important}.sidebar .ad-square{display:none!important}}@media (max-width:768px){body:not(.admin-view) .sidebar{display:none}}#popup-container .content .logo{margin-bottom:20px;max-width:200px;max-height:200px}#popup-container .ending-effect{position:relative;margin-top:-15px;margin-bottom:-10px;pointer-events:none}#popup-container .halo-effect{position:absolute;left:50%;top:0;margin-left:-123px;margin-top:-40px;-webkit-animation-name:spin;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:5s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear}@-moz-keyframes spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}footer{border-top:2px solid #3a3140}.pro-layout footer ul{margin:10px auto}#loading{position:absolute}.game-follow-up{width:1380px;min-width:1380px;background-color:#fff;border-right:1px solid #221f24;box-sizing:border-box;grid-area:following}.no-sidebar .game-follow-up,.pro-layout .game-follow-up{border-right:none}.game-follow-up:before{content:'';display:block;border-bottom:4px solid #bbb5bf;width:100%}.game-follow-up .main-content-section{padding:0 20px 80px}.game-follow-up .main-content-section>section{max-width:716px;width:100%;margin:0 auto;justify-content:center}@media (max-width:1740px){.game-follow-up{max-width:1380px;width:100%;min-width:inherit;border-right:none;box-sizing:border-box}}