#superSquare{position:relative;height:100%;background-image:url(/assets/concrete-background-3-compressed-962507e530eddbcccb487b7aca5ed5bbad9c56a70af62b0dc7a49a2664b86ba3.jpg);background-size:auto;z-index:0}#superSquare .game-container{width:100%;height:100%}#superSquare .flip-game{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@media (orientation: portrait){#superSquare .flip-game{padding:0 32.5vw 38vw 0}}#superSquare div>.modal{position:absolute;width:60vw;height:60vh;max-height:400px;max-width:400px;top:10%;z-index:999;background:yellow;left:50%;padding:60px 30px;border-radius:6px;transform:translateX(-50%);background:#EBEEF0;border:20px outset #0BB1E2}#superSquare div>.modal *{text-align:center}#superSquare div>.modal .modal-piece-container{margin:20px 0}#superSquare div>.modal .game-over-modal-title{font-size:50px;margin-bottom:70px;font-family:'Bungee Shade', cursive}body{margin:0;height:100%}html{height:100%}canvas{position:fixed}.game{padding:21vw 16.5vw;margin:0;position:absolute}@media (orientation: portrait){.game{top:calc(((100vh - 100vw) / 2) - 30px)}}.sq-small{width:46.5vw;height:46.5vw;border:3px solid white;margin:9.8vw}.sq-container{position:absolute}.rotate{transform:rotate(45deg)}div.sq{border:3px solid white;width:66vw;height:66vw;position:relative}.sq:after{content:"";position:absolute;border-top:3px solid white;width:93.4vw;transform:rotate(45deg);transform-origin:2px 1px}.sq:before{content:"";position:absolute;border-top:3px solid white;width:93.4vw;transform:rotate(-45deg);transform-origin:79.5vw 33vw}.node-container{width:50vw;height:50vw;border:3px solid transparent;position:relative}.node-container .node{width:5.6vw;height:5.6vw;position:absolute;display:inline-block;background:transparent;border-radius:50%}.node-container .node span{position:absolute;width:2vw;height:2vw;background:#D8D8D7;border-radius:50%;display:inline-block;top:1.8vw;left:1.8vw}.piece{-webkit-tap-highlight-color:rgba(255,255,255,0);margin:.1vw;width:5.4vw;height:5.4vw;position:absolute;display:inline-block;border-radius:50%;text-align:center;cursor:pointer;transition:top .8s ease, left .8s ease;top:0;left:0}.piece .inner{background:white;z-index:101;margin:.9vw;width:3.6vw;height:3.6vw;border-radius:50%;display:inline-block}.piece:hover .inner{background:#DCDCDC}span.play-game{font-size:18px;border-radius:18px;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;background:#F26D9E;display:inline-block;padding:10px 16px;color:white;cursor:pointer;margin:0 15px}span.play-game:hover{background:#DC3572}.invite-friend-form input{display:block;border-radius:6px;font-size:18px;padding:15px;max-width:240px;margin:auto;margin-top:25px}.invite-friend-form input:focus{outline:none}.invite-friend-form .submit{background:#FF609A;color:white;font-size:18px;border-radius:32px;padding:6px 16px;cursor:pointer}.invite-friend-form ::-webkit-input-placeholder{color:#FFC2D8;font-style:italic}.invite-friend-form ::-moz-placeholder{color:#FFC2D8;font-style:italic}.invite-friend-form :-ms-input-placeholder{color:#FFC2D8;font-style:italic}.invite-friend-form :-moz-placeholder{color:#FFC2D8;font-style:italic}.invitation-response .submission-sent{font-size:25px;line-height:25px}.invitation-response .submission-sent .copy-button-container{display:inline-block;width:10%;min-width:100px;vertical-align:top}.invitation-response .submission-sent .copy-button{color:white;border-radius:25px;padding:8px 20px;font-size:18px;border:white;background:#8D8D8D;color:white;cursor:pointer;margin-left:15px}.invitation-response .submission-sent .game-url-container{text-align:center;margin-left:30px;margin-top:25px}.invitation-response .submission-sent .game-url{word-wrap:break-word;display:inline-block;width:70%;max-width:550px;margin-bottom:10px;font-size:15px;color:#F9F9DA;font-family:sans-serif;text-decoration:underline}.invitation-response .submission-sent .to-game .play-game{font-size:28px;border-radius:28px}span.ai{background:#DC3572}.selected{z-index:-1;position:absolute;display:inline-block;left:-2.2vw;top:-2.2vw;height:10vw;width:10vw;border-radius:50%;background-image:radial-gradient(circle farthest-corner, #fff 30%, rgba(255,255,255,0.16) 60%, transparent 73%)}.game-updates{position:fixed;display:inline-block;width:175px;top:3vw;right:calc((100vw - 175px) / 2);background-color:rgba(0,0,0,0.2);border-radius:3px;color:white;text-align:center;padding-top:12px;padding-bottom:12px;font-size:18px;font-family:sans-serif;vertical-align:middle}@media (min-width: 575px){.game-updates{right:3vw}}.red{background:#FB6464}.red-font{color:#FB6464}.blue{background:#45A3FB}.blue-font{color:#45A3FB}.pink{color:#FF609A}.white{color:white}.home{opacity:1;text-align:center;font-family:'Palanquin Dark', sans-serif;font-size:40px;color:white;-webkit-transition:opacity 1000ms linear;transition:opacity 1000ms linear;transition:opacity 1.2s ease-in-out}.home .game-title{padding-top:8%}.home .ai-level{display:inline-block;padding:8px 12px;border-radius:50%;border:1px solid white;margin:0 15px;font-size:14px}.home .ai-level:hover{background:#C41F5B}.home .game-instructions{width:90%;margin:10% auto;display:block;font-size:14px;font-family:"Helvetica Neue";font-style:italic;text-align:center;height:40px;line-height:20px}.home div{-webkit-tap-highlight-color:rgba(255,255,255,0)}.home .reset-game-options{font-size:16px;text-decoration:underline;cursor:pointer;margin-top:16px}.home div.selected{margin:0}.home div.demo-board{margin:10% auto;width:80vw;border:1px solid white;height:0;position:relative;z-index:0}.home div.demo-board div{margin-top:0}.home div.demo-board span{padding:0}.home div.demo-board .piece .inner{margin:.9vw;display:block}.home div.demo-board .node{width:5.6vw;height:5.6vw;position:absolute;display:inline-block;background:transparent;border-radius:50%}.home div.demo-board .node span{position:absolute;width:2vw;height:2vw;background:#D8D8D7;border-radius:50%;display:inline-block;top:1.8vw;left:1.8vw;margin:0}.home div.demo-board2{position:relative;margin:0;z-index:0;width:90vw;margin:10% auto}.home div.demo-board2 .piece .inner{margin:.9vw;display:block}.home div.demo-board2 .node{width:5.6vw;height:5.6vw;position:absolute;display:inline-block;background:transparent;border-radius:50%}.home div.demo-board2 .node span{position:absolute;width:2vw;height:2vw;background:#D8D8D7;border-radius:50%;display:inline-block;top:1.8vw;left:1.8vw;margin:0;padding:0}.home div.demo-board2 .demo2-line{width:25vw;margin:0;border:1px solid white;height:0;position:absolute;left:19vw;top:15vw;display:inline-block}.home div.demo-board2 .demo2-square{margin:0;display:inline-block;position:absolute;left:50vw;transform:rotate(45deg);width:30vw;height:30vw;border:1px solid white}@media screen and (min-width: 830px){.home{font-size:60px}.home .game-instructions{margin:40px auto}.home .game-title{padding-top:50px}}@media (orientation: landscape){.game{padding-top:16.5vh;padding-left:0;top:0;bottom:0;left:calc(((100vw - 93.34vh)/2.0) + 13.6vh);right:calc(((100vw - 93.34vh)/2.0) + 13.6vh)}.sq-small{width:46.5vh;height:46.5vh;margin:9.8vh}div.sq{width:66vh;height:66vh}.sq:after{width:93.4vh}.sq:before{width:93.4vh;transform-origin:79.5vh 33vh}.node-container{width:50vh;height:50vh}.node-container .node{width:5.6vh;height:5.6vh}.node-container .node span{width:2vh;height:2vh;top:1.8vh;left:1.8vh}.piece{margin:.1vh;width:5.4vh;height:5.4vh}.piece .inner{margin:.9vh;width:3.6vh;height:3.6vh}.selected{left:-2.2vh;top:-2.2vh;height:10vh;width:10vh}.home div.demo-board{width:80vh}.home div.demo-board .piece .inner{margin:.9vh}.home div.demo-board .node{width:5.6vh;height:5.6vh}.home div.demo-board .node span{width:2vh;height:2vh;top:1.8vh;left:1.8vh}.home div.demo-board2{width:100vh;margin:80px auto}.home div.demo-board2 .piece .inner{margin:.9vh}.home div.demo-board2 .node{width:5.6vh;height:5.6vh}.home div.demo-board2 .node span{position:absolute;width:2vh;height:2vh;top:1.8vh;left:1.8vh}.home div.demo-board2 .demo2-line{width:25vh;left:19vh;top:15vh}.home div.demo-board2 .demo2-square{left:50vh;width:30vh;height:30vh}}.has-tip{cursor:pointer;display:inline-block;position:relative;text-align:center;-webkit-transform:translateZ(0);background:#ececec;color:#555;font-family:"Gill Sans", Impact, sans-serif;font-size:20px;padding:0.8em 2em;text-transform:uppercase;text-align:center}.tooltip{background:teal;bottom:100%;color:#fff;display:block;left:0;right:0;margin:auto;margin-bottom:15px;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.tooltip::after{border:transparent solid 10px;border-top-color:teal;content:'';left:0;right:0;margin:auto;position:absolute;top:100%;width:0}.has-tip .tooltip:before{bottom:-20px;content:'';display:block;height:20px;left:0;position:absolute;width:100%}.has-tip.copied .tooltip{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.lte8 .has-tip .tooltip{display:none}.lte8 .has-tip:hover .tooltip{display:block}