body{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#282c34;color:#fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{font-family:Helvetica Neue,Helvetica,Arial,sans}.outer{display:flex;max-width:768px;flex-direction:column;text-align:center;width:100%;padding:15px;margin-right:auto;margin-left:auto;background-color:#952b2b;border-top:2px solid rgb(0,0,0);border-left:2px solid rgb(0,0,0);border-right:2px solid rgb(200,200,200);border-bottom:2px solid rgb(200,200,200)}.amzn-native-product .amzn-native-product-asin-container{background-color:#555!important}#top{flex-grow:1;margin:0 auto;width:100%;align-items:center;justify-content:center}.scoretable{display:flex;background-color:#000;color:#00fa00;border-top:2px solid rgb(100,100,100);border-left:2px solid rgb(100,100,100);border-right:2px solid rgb(200,200,200);border-bottom:2px solid rgb(200,200,200);padding:1rem 0}.left,.right{flex-grow:1}.inner{flex-grow:1;background-color:#3b962b;border-bottom:2px solid rgb(0,0,0);border-right:2px solid rgb(0,0,0);border-left:2px solid rgb(200,200,200);border-top:2px solid rgb(200,200,200)}#grid{display:grid;align-items:center;justify-content:center;cursor:pointer;margin-top:10px}.square{background-color:#555;border-bottom:2px solid rgb(0,0,0);border-right:2px solid rgb(0,0,0);border-left:2px solid rgb(200,200,200);border-top:2px solid rgb(200,200,200);justify-content:center;font-size:1.7rem}.text{font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}#status{color:#fff}.open{background-color:#a7a7a7;border-top:2px solid rgb(100,100,100);border-left:2px solid rgb(100,100,100);border-right:2px solid rgb(200,200,200);border-bottom:2px solid rgb(200,200,200);animation-duration:.1s;animation-name:open}@keyframes open{0%{background-color:#555;border-bottom:2px solid rgb(0,0,0);border-right:2px solid rgb(0,0,0);border-left:2px solid rgb(200,200,200);border-top:2px solid rgb(200,200,200)}to{background-color:#dcdcdc;border-top:2px solid rgb(100,100,100);border-left:2px solid rgb(100,100,100);border-right:2px solid rgb(200,200,200);border-bottom:2px solid rgb(200,200,200)}}.gameType{flex-grow:1}.gameTypePicked{color:#006400}.gameTypeNotPicked{color:#90ee90}.bombs-1{color:#00f}.bombs-2{color:#c832ff}.bombs-3{color:#32c8c9}.bombs-4{color:#60c73e}.bombs-5{color:#068c1a}.bombs-6{color:#c62958}.bombs-7{color:#e91152}.bombs-8{color:red}.possible{background-color:#a7a7a7;border-top:2px solid rgb(100,100,100);border-left:2px solid rgb(100,100,100);border-right:2px solid rgb(200,200,200);border-bottom:2px solid rgb(200,200,200);animation-duration:.1s;animation-name:open}.show-bomb{background-image:url(/assets/bomb-3f04a481.svg);background-repeat:no-repeat;background-size:70% 70%;background-position:center}.show-flag{background-image:url(/assets/flag2-02b8599e.svg);background-repeat:no-repeat;background-size:70% 70%;background-position:center;width:9%}.show-clown{background-image:url(/assets/clown-5815aa0b.svg);background-repeat:no-repeat;background-size:70% 70%;background-position:center}.incorrect-flag{background-color:red}.rules{margin:1rem}.rules p{margin:1rem;font-size:1rem}@media only screen and (min-width: 1080px){.game-0{height:60px;width:60px}.game-1{height:45px;width:45px}.game-2{height:37px;width:37px}.grid-0{grid-template-columns:repeat(8,60px)}.grid-1{grid-template-columns:repeat(16,45px)}.grid-2{grid-template-columns:repeat(20,37px)}}@media only screen and (min-width: 768px){.game-0{height:40px;width:40px}.game-1{height:30px;width:30px}.game-2{height:20px;width:20px}.grid-0{grid-template-columns:repeat(8,40px)}.grid-1{grid-template-columns:repeat(16,30px)}.grid-2{grid-template-columns:repeat(20,20px)}}@media only screen and (max-width: 670px){.outer{max-width:630px}.game-0{height:40px;width:40px}.card .toprow{width:60px!important}.card .row{margin-left:20px!important;margin-bottom:unset;font-size:1.2rem!important;line-height:1rem!important}.card .middlerow{font-size:1rem!important;margin-bottom:3px!important}.card .bottomrow{display:none}.restart{height:2rem!important}.grid-0{grid-template-columns:repeat(8,40px)}.grid-1{grid-template-columns:repeat(16,40px)}.grid-2{grid-template-columns:repeat(20,40px)}}@media only screen and (max-width: 440px){.outer{display:flex;max-width:310px!important}.gameType{font-size:1rem}.scoretable{font-size:.8rem}.game-0{height:30px;width:30px}.game-1{margin-left:135px!important;margin-right:30px!important;height:30px;width:30px}.game-2{width:100%;margin-left:155px!important;margin-right:155px!important;height:30px;width:30px}.grid-0{grid-template-columns:repeat(8,30px)}.grid-1{grid-template-columns:repeat(16,30px)}.grid-2{grid-template-columns:repeat(20,30px)}}