:root{--app-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f2e8d2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:overpass;src:local("overpass"),url(/static/media/overpass-extrabold.addcdcfb86a0ec2de55d.otf) format("opentype")}*{box-sizing:border-box}.App{display:flex;flex-direction:column;min-height:100vh;overflow-x:scroll;position:relative;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.container.new-feature{font-size:.5em;margin-top:5px;max-width:none}.container.new-feature a{background:none;color:#cb5148;cursor:pointer;text-decoration:underline}.new-feature span{margin-top:10px;padding:2px}.container{margin:0 auto;max-width:540px;padding:0 20px;position:relative;width:100%}.table-container{margin-top:30px;max-width:1200px;overflow:hidden;padding:0;width:100%}header{color:#cb5148;font-family:overpass}header h1{-webkit-margin-after:0;-webkit-margin-before:.2em;font-size:1.75em;font-weight:900;margin-block-end:0;margin-block-start:.2em}header h1 img{max-width:150px}header h2{-webkit-margin-before:0;-webkit-margin-after:.5em;font-size:1em;font-weight:900;margin-block-end:.5em;margin-block-start:0}.show-result{background-color:initial;border:2px solid #cb5148;border-radius:5px;color:#cb5148;cursor:pointer;font-weight:600;padding:.5em 1em;text-transform:uppercase}.footer{margin-bottom:1vh}@media (min-width:768px){.container.new-feature{font-size:1em;margin-top:5px}header{padding:30px 0 10px}header h1 img{max-width:280px}header h1{-webkit-margin-after:0;font-weight:900;margin-block-end:0}header h2{font-size:1.5em}.show-result{padding:.75em 1.5em}}.search-container{margin:1em 0 .3em;position:relative}.search-container input{border:1px solid #cb5148;color:#cb5148;font-size:14px;font-weight:700;padding:10px;position:relative;width:100%;z-index:3}.searchIcon{background-color:#fff;display:grid;height:60px;place-items:center;width:50px}input:focus{outline:none}.searchIcon svg{font-size:35px}.dataResult{background:#fff;border:1px solid #cb5148;border-top:0;position:absolute;transform:translateZ(0);width:100%;z-index:4}.dataResult ul{list-style-type:none;margin:0;max-height:250px;overflow:scroll;padding:0}.dataResult ul li{cursor:pointer;font-size:16px;padding:15px 20px;-webkit-user-select:none;user-select:none}.dataResult::-webkit-scrollbar{display:none}.dataResult .dataItem{align-items:center;color:#000;display:flex;height:50px;width:100%}.dataItem p{margin-left:10px}a{text-decoration:none}a:hover{background-color:#d3d3d3}#clearBtn{cursor:pointer}@media (min-width:768px){.search-container{margin-bottom:1em;margin-top:1em}.search-container input{font-size:18px;padding:25px}.dataResult ul li{font-size:18px;padding:18px 30px}}.guesses-header{overflow-x:hidden;position:relative;z-index:1}.guesses-body,.guesses-header{border-bottom:2px solid #cb5148}.guesses-body{height:calc(100vh - 300px);min-height:140px;overflow-x:visible;overflow-y:scroll}.guesses-body .tablerow{border-bottom:1px solid #727272;display:grid;grid-template-areas:"name name name name name name name" "nation role active born bat matches ipl";grid-template-columns:60px 1fr 1fr 1fr 1fr 1fr 1fr}.guesses-header .tablerow{color:#8e2c25;display:grid;font-size:.5em;font-weight:700;grid-template-columns:0 60px 1fr 1fr 1fr 1fr 1fr 1fr;text-align:center;text-transform:uppercase}.guesses-body .tablerow:last-child{border-bottom:none}.guesses-container{position:relative;z-index:1}.guess-row{display:grid;grid-template-columns:230px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;min-height:0;min-width:0;z-index:inherit}.guesses-body .tablerow .guess-attribute-cell{align-items:center;border:1px solid #827f7b;border-bottom:none;border-left:none;display:flex;font-size:1em;font-weight:500;justify-content:center;min-height:90px;position:relative;text-align:center}@keyframes FadeIn{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}.guess-attribute-cell{animation:FadeIn .3s linear;animation-fill-mode:both}.guesses-body .tablerow .guess-attribute-cell:first-child{background:0 0;font-size:18px;font-weight:700;grid-area:name;justify-content:flex-start;min-height:70px;padding-left:5px}.guesses-body .tablerow .guess-attribute-cell:nth-child(2){animation-delay:.2s;grid-area:nation}.guesses-body .tablerow .guess-attribute-cell:nth-child(3){animation-delay:.4s;font-size:7.5px;grid-area:role;overflow-wrap:break-word}.guesses-body .tablerow .guess-attribute-cell:nth-child(4){animation-delay:.6s;grid-area:active}.guesses-body .tablerow .guess-attribute-cell:nth-child(5){animation-delay:.8s;grid-area:born}.guesses-body .tablerow .guess-attribute-cell:nth-child(6){animation-delay:1s;grid-area:bat}.guesses-body .tablerow .guess-attribute-cell:nth-child(7){animation-delay:1.2s;grid-area:matches}.guesses-body .tablerow .guess-attribute-cell:nth-child(8){animation-delay:1.4s;grid-area:ipl}.guesses-body .tablerow .guess-attribute-cell .dir{left:0;margin-bottom:5px;margin-top:1px;position:absolute;right:0}.guesses-body .tablerow .guess-attribute-cell.correct{background-color:#56b156;color:#fff}.guesses-body .tablerow .guess-attribute-cell.close{background-color:#eddb52}.guesses-body .tablerow .guess-attribute-cell.final-wrong{background-color:#eb5848;color:#fff}.flag{width:2.5em}@media (min-width:768px){.guesses-body .tablerow .guess-attribute-cell:nth-child(3){animation-delay:.4s;font-size:inherit;grid-area:role}.guesses-container{overflow:hidden}.guesses-header{margin:initial;padding:initial}.guesses-body{margin:initial;max-height:calc(100vh - 500px);overflow:auto}.guesses-header .tablerow{font-size:.7em}.guesses-body .tablerow,.guesses-header .tablerow{grid-template-columns:230px 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr}.guesses-body .tablerow{background:0 0;grid-template-areas:"name nation role active born bat matches ipl";padding:initial}.guesses-body .tablerow .guess-attribute-cell{border-top:none;font-size:16px;min-height:90px}.guesses-body .tablerow .guess-attribute-cell.correct{background-color:#56b156;color:#fff;font-weight:500}.guesses-body .tablerow .guess-attribute-cell.close{background-color:#eddb52}.guesses-body .tablerow .guess-attribute-cell:first-child{font-weight:700;padding-left:10px;padding-right:10px}.flag{width:3em}}@media (max-height:550px){.guesses-body{height:55vh;min-height:250px}.guesses-body .tablerow .guess-attribute-cell:first-child{min-height:50px}.guesses-body .tablerow .guess-attribute-cell{font-weight:500;min-height:75px}}.help-tooltip{background:none;border:none;border-bottom:2px dotted grey;color:#5a5a5b;display:inline-block;font-size:12px;padding:1px;position:absolute;right:0;top:0}.help-tooltip .tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.help-tooltip .tooltiptext:after{border:5px solid #0000;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.help-tooltip:hover .tooltiptext{opacity:1;visibility:visible}@media (min-width:768px){.help-tooltip{font-size:15px}}.modal-container{position:absolute;z-index:5}.modal{align-items:center;background:#fff;box-shadow:0 0 20px #00000040;display:flex;justify-content:center;left:50%;max-height:100%;max-width:600px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 40px);z-index:5}.result-text.success h1{color:#176d06}.result-text.failure h1{color:#cb5148}.result-text h2{font-size:1.2em;font-weight:600}.result-text h1{font-family:overpass;font-size:1.5em;margin-bottom:0}.modal-close{background:#cb5148;border:none;color:#fff;cursor:pointer;padding:5px;position:absolute;right:0;top:0}.close-image{display:block;height:20px;width:20px}.summary{border-bottom:1px solid #000;margin-bottom:1em;padding-bottom:.75em}.copied{font-weight:600}.copied-hidden{opacity:0;transition:all .25s linear 2s}.copied-shown{opacity:1;transition:all .25s linear}.scrim{background:#00000040;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:4}.countdown-timer{font-size:1.1em;font-weight:500}.timer{font-size:1.25em;font-weight:700}.mystery-image{margin:-20px auto 0;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:280px}.mystery-image .inner{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:260px;transition:filter .3s}.share-score{background-color:#004a8a;border-color:#005864;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 34px;position:relative;text-transform:uppercase}@media (min-width:768px){.mystery-image{margin-top:-40px;width:360px}.mystery-image .inner{height:320px}.modal{padding:40px}.result-text h1{font-size:2em}.result-text h2{font-size:1.5em}}.setting-row{align-items:center;display:flex;justify-content:space-between;width:100%}.setting-modal{font-size:11px;width:100%}.setting-switch{width:5%}@media (min-width:768px){.setting-modal{font-size:1em;width:80%}}.bmc{-webkit-text-size-adjust:100%;font-size:.8em;margin-bottom:5px;margin-top:5px;width:100%}.buyButton,.buyButton:active,.buyButton:focus,.buyButton:hover{align-items:center;background:none;display:inline-flex;letter-spacing:.6px;text-decoration:none;text-decoration:underline;-webkit-text-decoration-color:#cb5148;text-decoration-color:#cb5148}.buyButton{padding-left:.5rem;padding-right:.5rem}.tiny-header{color:#cb5148;font-family:overpass;margin:0;padding:0}.tiny-header:hover{background:none}.coffeeImage{border:none;box-shadow:none;height:15px;vertical-align:middle}.coffeeButtonText{color:#000;margin-right:6px;vertical-align:middle;white-space:nowrap}.twitter{height:15px}@media (min-width:768px){.bmc{font-size:1em;margin-bottom:10px;margin-top:10px;width:100%}.coffeeImage{height:20px}.buyButton{padding-left:1rem;padding-right:1rem}}.top-bar{grid-column-gap:2px;align-content:center;align-items:center;column-gap:2px;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:90%}.top-bar-btn{background:0 0;border:none;color:#cb5148;cursor:pointer;font-size:12px;font-weight:700;padding:12px}.top-bar div .setting{align-content:center;cursor:pointer;justify-content:center;max-height:20px;max-width:60px;padding-left:10px;padding-right:10px}.how-to-play{font-weight:500;max-height:60vh;overflow:auto}.how-to-play ul{font-size:.75em;margin:0;padding:0 0 0 .5em;text-align:start}.how-to-play .container{padding:0 10px}.how-to-play ul li{line-height:24px;margin:16px 0}.how-to-play ul li ul li{font-size:1.25em}.stats h4{font-size:1em}.stats p{font-size:2.5em;font-weight:700}span.green{background-color:#37be75;color:#fff}span.beige{background-color:#f2e8d2;color:#000}span.yellow{background-color:#f4e878}.stats{grid-column-gap:0;align-items:center;column-gap:0;display:grid;grid-template-columns:1fr 1fr 1fr;padding:1em 0;text-align:center}span.beige,span.green,span.yellow{border-radius:2px;display:inline-block;margin:-2px;padding:2px}@media (min-width:400px){.top-bar-btn{font-size:14px;padding:15px}}@media (min-width:768px){.top-bar{min-width:700px;width:40%}.top-bar-btn{font-size:14px;padding:20px 30px}.stats h4{font-size:1.5em}.stats p{font-size:2.5em;font-weight:700}.stats{grid-column-gap:30px;align-items:center;column-gap:30px;padding:2em 0;text-align:center}.how-to-play ul{font-size:15px;margin:0;padding:0 0 0 1.5em;text-align:start}.how-to-play ul li ul li{font-size:15px}}.archive-subheader{color:grey}.select-archive-game{-webkit-appearance:menulist;background:none;border:none;color:grey;cursor:pointer;font-family:overpass;font-size:15px;outline:none}option{font-size:10px}@media (min-width:768px){.select-archive-game{font-size:22px}}