html,body{width:100%;height:100%}html,body,h1,h2,ul{margin:0;padding:0}main{padding:1em;box-sizing:border-box;display:block;background:linear-gradient(180deg,#131e7d 0,#25d8ff 100%);min-height:100%;color:#fff}main.playpage{background:#ecf8ff url("../img/title.png") no-repeat;background-size:100% 9em}main.settingspage{background:#ecf8ff url("../img/settings.png") no-repeat;background-size:100% 6em;color:#000}body,button,input,select,textarea{font:1em 'DM Sans',sans-serif}h1,h2,p{text-align:center}h1{margin-top:1.2em;padding-bottom:.7em;position:relative}h1:after{display:block;position:absolute;width:1em;border:1px solid #fff;content:"";bottom:0;left:calc(50% - .5em)}.settingspage h1{color:#fff;font-size:1.1em;font-weight:normal;padding-bottom:.3em;margin-bottom:2.5em}.settingspage h1:after{width:2em;left:calc(50% - 1em)}.home p{margin-top:.5em;margin-bottom:0}.joingame{margin:3.9em 0}h1 img{width:5em}a{color:#fff;text-decoration:none}.gamedescription{width:13em;margin:1.5em auto;font-weight:bold}.gamedescription p{padding:0;margin:0}.joingame label{display:block;font-size:.9em;text-align:center;padding-top:.5em}.joingame input{font-size:1em;max-width:19em;margin:0 auto;width:70%}.joingame button{position:absolute;left:-9999px}input,select,textarea{padding:.4em;border:0;display:block;width:100%;border-radius:.2em;box-sizing:border-box}button,.button{padding:.7em 1em;background-color:#05bf76;color:#fff;border-radius:.4em;border:0;font-size:1em;font-weight:bold;width:100%;position:relative;z-index:1}button:after,.button:after{position:absolute;content:"";display:block;background-color:#12de7c;width:100%;left:0;bottom:0;border-radius:.4em;z-index:-1;top:0;height:92%}button:disabled:after{background-color:#d9e2f4}a.button{display:block;box-sizing:border-box}#tutoriallink{background-color:#bb9614;color:#884e20}#tutoriallink:after{background-color:#ebcf35}h2{font-weight:normal}nav a{font-weight:bold}nav{margin-bottom:1em}nav li{display:inline}ul{list-style-type:none}#gamecontainer{position:relative}.gamedetails p{font-size:.95em;padding:3.65em 0}.gamedetails p a{font-weight:bold;display:block;font-size:1.1em}.settingsform{font-size:.8em;font-weight:bold}.settingsform a{color:#000;font-size:.9em;font-weight:normal}.settingsform p.settings-save{text-align:center}.settings-save button{width:10em}.settings-save button{background-color:#0582bf}.settings-save button::after{background-color:#12aede}.settingsform .suggestionslink a{font-weight:bold;color:#0582bf;font-size:1.2em}.suggestionspage .settings-footer a{color:#fff;text-align:center;font-size:1em;margin-bottom:.5em}.suggestionspage .settingsform{font-weight:normal}.suggestionspage .settingsform h2{font-size:1.2em}.suggestionspage h2+p{margin-top:0}.suggestionspage textarea{height:7em}button:disabled{background-color:#aec0cd}#gamecontainer .gameheading{position:relative;margin-bottom:.6em}#teamscore{color:#000;background-color:#e8f8ff;border-radius:.5em;display:block;width:4em;padding:.4em 0;font-weight:bold;font-size:.9em;position:absolute;left:0}#settingslink{position:absolute;right:0;top:.25em}#settingslink img{width:1em}.gameheading span img{display:none;margin:0 auto;width:2em}.neutral-face .neutral-face-img,.smile-face .smile-face-img,.sad-face .sad-face-img{display:block}#gamecontainer p{margin:0}#gamecontainer .namescontainer .nameitem{width:50%;background-color:#d9e2f4;border-radius:.5em;color:#000;margin:.5em auto;font-size:.8em;position:relative;padding:.7em;min-height:3.8em}#gamecontainer .namescontainer .nameitem:after{display:block;content:"";width:100%;height:92%;z-index:1;border-radius:.5em;background-color:#fff;top:0;left:0;position:absolute;border:1px solid #d9e2f4}#gamecontainer .namescontainer li:nth-of-type(2) .nameitem{margin:.5em auto}.nameinfo span{display:block;position:relative;z-index:10}.namescontainer .nameinfo span:nth-of-type(1){font-weight:bold;font-size:1.1em}.namescontainer .nameinfo span:nth-of-type(2){font-size:.9em;color:#707f8a}.namescontainer a,.namescontainer button,.nameitemstatus{background-color:#d2efff;background-size:60%;background-repeat:no-repeat;background-position:center center;display:none;position:absolute;width:2.7em;height:2.7em;border-radius:.5em;top:50%;transform:translateY(-50%)}.namescontainer button:after{display:none}.namescontainer li{position:relative}.namescontainer li:before{position:absolute;top:50%;transform:translateY(-50%);display:none;font-weight:bold;left:-1em;padding:2.2em 0 2.2em 1.5em;width:4em;background-size:auto 100%;background-position:center left;background-repeat:no-repeat}.namescontainer li:nth-of-type(1):before{background-image:url("../img/first.png?v=2");content:"1st";z-index:30}.namescontainer li:nth-of-type(2):before{background-image:url("../img/second.png?v=2");content:"2nd";z-index:29}.namescontainer li:nth-of-type(3):before{background-image:url("../img/third.png?v=2");content:"3rd";z-index:28}.groupguess .namescontainer li.noconsensus:before{content:"="}.playing .namescontainer li:before,.iamstarter .namescontainer li:before,.starterrevealed .namescontainer li:before,.revealed .namescontainer li:before,.showguess .namescontainer li:before,.groupguess .namescontainer li:before,.final .namescontainer li:before,.showingresult .namescontainer li:before{display:block}.playing .namescontainer li:nth-of-type(1):before{display:none}.playing .namescontainer li:nth-of-type(2):before{display:none}.playing .namescontainer li:nth-of-type(3):before{display:none}.questioncontainer,.newgamecontainer,.setnamescontainer,.judgecontainer,.readycontainer,.answercontainer,.guesses,.currentscore,.newturncontainer,.moveitem,.answerstatus,.loadingitem,.revealcontainer,.stopcontainer,.playpage .message-bottom{display:none}.home .gameheading,.home .resultheadings,.home .namescontainer,.home .footer-message{display:none}.playing .namescontainer a,.playing .namescontainer button,.playing .setnamescontainer,.playing .playing-message,.namesset .namesset-message,.namesset .judgecontainer,.home .stopcontainer,.revealedstop .readycontainer,.iamstarter .iamstarter-message,.iamstarter .answercontainer,.iamstarter .moveitem,.revealed .revealed-message,.revealed .answercontainer,.revealed .moveitem,.showingresult .showingresult-message,.showingresult .questioncontainer,.showingresult .namescontainer .answerstatus,.showingresult .newturncontainer,.showingresult .resultheadings,.showingresult .loadingitem,.final .final-message,.final .questioncontainer,.final .namescontainer .answerstatus,.final .newturncontainer,.final .currentscore,.final .resultheadings{display:block}.playing .gamemessage .playing-message,.namesset .gamemessage .namesset-message,.revealedstop .revealedstop-message,.iamstarter .gamemessage .iamstarter-message,.revealed .gamemessage .revealed-message,.showingresult .gamemessage .showingresult-message,.final .gamemessage .final-message{display:table-cell}.showingresult .namescontainer .answerstatus{display:none}.showingresult .namescontainer .displayed .answerstatus{display:block}.resultheadings{visibility:hidden}.showingresult .resultheadings,.final .resultheadings{visibility:visible}#finalresult{text-transform:uppercase}#gamecontainer .resultheadings{font-weight:bold;height:1.5em;color:#152280;margin-bottom:1.3em;font-size:.8em}.resultheadings span{border-bottom:2px solid #152280}.resultheadings span:nth-of-type(1){position:absolute;display:block;left:0}.resultheadings span:nth-of-type(2){position:absolute;display:block;right:0}.final-message h2,.showingresult-message h2,.currentscore{font-weight:bold}.final .questioncontainer,.showingresult .questioncontainer{font-weight:normal}.questioncontainer{font-weight:bold}.moveinstructions{padding:.5em 0}.moveinstructions p{text-transform:uppercase}.moveinstructions .details{font-size:.7em}.iscorrect .incorrect,.isincorrect .correct{display:none}.iamstarter .answercontainer .started_submit,.revealed .answercontainer .iamstarter_submit{display:none}.playing .namescontainer a{background-image:url("../img/info.png");left:0}.playing .namescontainer button{background-image:url("../img/refresh.png?v=2");right:0}.moveitem{background-image:url("../img/move.png");right:0}.answerstatus,.loadingitem{right:0}.answerstatus span{font-weight:bold;display:block;position:absolute;bottom:.3em;width:100%}.answerstatus{background-repeat:no-repeat;background-size:.8em;background-position-y:.5em}.answerstatus.isincorrect{background-size:.7em}.answerstatus.answeris-1.iscorrect{background-image:url("../img/correct-1.png")}.answerstatus.answeris-2.iscorrect{background-image:url("../img/correct-2.png")}.answerstatus.answeris-3.iscorrect{background-image:url("../img/correct-3.png")}.answerstatus.answeris-1.isincorrect{background-image:url("../img/incorrect-1.png")}.answerstatus.answeris-2.isincorrect{background-image:url("../img/incorrect-2.png")}.answerstatus.answeris-3.isincorrect{background-image:url("../img/incorrect-3.png")}.answerstatus.answeris-1{background-color:#efdbff;color:#8538bd}.answerstatus.answeris-2{background-color:#fff0b2;color:#bb9614}.answerstatus.answeris-3{background-color:#ffc1cf;color:#bd1d40}.loadingitem img{width:100%;height:100%}.gamemessage{display:table;height:5.2em;width:100%}.gamemessage div{width:100%;display:none;vertical-align:middle}.gamemessage h2{font-size:1em;text-transform:uppercase}.gamemessage p{font-weight:bold}.home .message-bottom{height:8em;padding-bottom:1em;font-size:.9em}.home .message-bottom div{vertical-align:bottom}.message-bottom span{display:block}.footer-message{border:2px solid #d9e2f4;border-radius:.3em;color:#6d7c87;padding:.4em;font-size:.9em;margin:.8em 0}.footer-message p{display:none}.settingsform h2{font-size:1em;font-weight:bold}.settingsform p,.settingsform h2{text-align:left;position:relative}.settingsform input,.settingsform select,.settingsform textarea{color:#516586}.settingsform label{display:block;padding:.3em}.personallist{position:relative}.personallist textarea{height:7em}.personallist p{margin-top:.4em}.personallist #save{width:4em;background-color:transparent;position:absolute;right:0;top:0;padding:0;color:#00b2ff;text-decoration:underline;text-transform:uppercase;text-align:right}.personallist #save:after{display:none}.settings-footer{text-align:left;position:relative;margin-bottom:0}.settingspage #leave,.settingspage #restart{width:47%;padding:.7em 0}.settingspage #leave,.dialog-cancel{background-color:#97102d}.settingspage #leave:after,.dialog-cancel:after{background-color:#ef2d57}.settingspage #restart{position:absolute;right:0;top:0}.nameselector{position:absolute;right:0;top:calc(50% - 1.2em);width:85%}.backbutton a{position:absolute;left:1em;top:2.5em}.backbutton img{width:1em}.tutorial h2{font-size:1.1em;font-weight:bold;color:#000}.downsign img{width:1em}.tutorial .navigation,.tutorial .highlight{font-weight:bold}.tutorial #display p{color:#6d7c87;font-weight:500}.tutorial #display .plussign{color:#ef2d57}.tutorial #next{width:8em;float:right}.tutorial .navigation{width:4em;margin:1.2em auto}.tutorial .navigation span{width:.4em;height:.4em;background-color:#00b2ff;border-radius:50%;margin:0 .3em;display:block;float:left}.tutorial .navigation.navigate1 span:nth-of-type(1){background-color:#fff}.tutorial .navigation.navigate2 span:nth-of-type(2){background-color:#fff}.tutorial .navigation.navigate3 span:nth-of-type(3){background-color:#fff}.tutorial .navigation.navigate4 span:nth-of-type(4){background-color:#fff}.tutorial:after{content:"";display:block;clear:both}.item1,.item2,.item3,.item4{display:none;background-color:#fff;border-radius:2em;border:1px solid #595959;padding:1em;margin:3em 0 1.5em 0;font-size:.9em;min-height:13.55em}.group{margin:1em 0}.group p{padding:0;margin:0}.show1 .item1,.show2 .item2,.show3 .item3,.show4 .item4{display:block}#confirmationdialog{position:fixed;top:auto;bottom:0;border:0;border-top-left-radius:2em;border-top-right-radius:2em;width:100%;max-width:30em;box-sizing:border-box}#confirmationdialog div{position:relative}#confirmationdialog h2{font-size:1.2em;font-weight:bold}#confirmationdialog p{font-size:.9em;color:#6d7c87;margin-bottom:2.5em}.dialog-cancel,.dialog-confirm{width:47%;padding:.7em 0}.dialog-confirm{position:absolute;right:0;top:0}@media(max-width:599px){html{font-size:18px}}@media(min-width:900px){html{font-size:18px}}@media(min-width:1400px){html{font-size:22px}}@media(min-width:1800px){html{font-size:26px}}@media(min-width:2200px){html{font-size:30px}}@media(min-width:2600px){html{font-size:34px}}@media(min-width:3000px){html{font-size:38px}}@media(min-width:3400px){html{font-size:42px}}@media(min-width:3800px){html{font-size:46px}}@media(min-width:4200px){html{font-size:50px}}@media(min-width:4600px){html{font-size:54px}}@media(min-width:410px) and (orientation:portrait){html{font-size:22px}}@media(min-width:600px) and (orientation:portrait){html{font-size:26px}}@media(min-width:800px) and (orientation:portrait){html{font-size:30px}}