@font-face{font-family:Avenir Next;font-weight:400}@font-face{font-family:Avenir Next;font-weight:500}@font-face{font-family:Avenir Next;font-weight:700}@font-face{font-family:Avenir Next;font-weight:900}#state-playing{background-position:50%;background-size:cover}#state-playing #title{text-align:center;color:#fff;margin-bottom:34%}#state-playing #input-area{justify-content:center;align-items:center;display:flex;position:relative}#state-playing #input-area #error-message{color:#fff;background:#850630;border-radius:.5em;padding:.87% 1.1%;font-size:.8em;position:absolute;bottom:-45%;right:1%}#state-playing #input-area #error-message:before{content:"";width:0;height:0;z-index:1;border-top:1.3em solid #0000;border-bottom:0 solid #0000;border-left:2em solid #850630;position:absolute;top:-25%;left:13%}#state-playing #input-area #success-message{color:#fff;max-width:8em;background:#0991ce;border-radius:.5em;padding:.5em 2em;font-size:.75em;position:absolute;top:8.5em;left:-1em}#state-playing #input-area #success-message:before{content:"";width:0;height:0;z-index:1;border-top:1.3em solid #0000;border-bottom:0 solid #0000;border-left:2em solid #0991ce;position:absolute;top:-.7em;left:1.5em}#state-playing #input-area input{width:7%;text-align:center;color:gray;text-transform:uppercase;border:none;outline:none;margin-right:.5%;padding:1% 0;font-size:3.6em;font-weight:lighter;box-shadow:inset 0 0 .3em #0003}#state-playing #answer-length{color:#fff;text-align:center;padding-top:2%}#state-playing #actions{text-align:center;margin-top:8%;position:relative}#state-playing #actions button{text-transform:uppercase;width:20%;background-color:var(--color-secondary);color:#fff;-webkit-box-shadow:.2em .2em 0 .05em var(--color-primary-light);box-shadow:.2em .2em 0 .05em var(--color-primary-light);border:none;padding:1% 0;font-size:1.2em;font-weight:700}#state-playing #show-tips{height:200%;cursor:pointer;position:absolute;top:-50%;left:5%}#state-playing #show-tips img{height:100%}#state-playing #tips-content{width:30em;text-align:left;color:#fff;background:#0991ce;border-radius:.5em;padding:0 4em 0 2em;font-size:1em;font-weight:lighter;position:absolute;top:0;left:120%}#state-playing #tips-content:before{content:"";width:0;height:0;z-index:1;border-top:2em solid #0991ce;border-left:1.3em solid #0000;border-right:0 solid #0000;position:absolute;top:15%;left:-2%}#state-playing #tips-content img{height:15%;position:absolute;top:1em;right:1em}#state-playing #ref-number{color:#fff;position:relative;top:-2em}#state-playing #reference{color:#fff;margin-top:3.5%;font-size:.5em}#state-playing #actions #next-btn,#state-playing #reference,#state-playing #ref-number{display:none}#state-playing.success #actions #next-btn,#state-playing.success #reference,#state-playing.success #ref-number{display:inline-block}#state-playing.success #input-area input{pointer-events:none;background-color:var(--color-secondary);color:#fff;font-weight:700}#state-playing.success #actions #confirm-btn{display:none}#state-done{background-image:url(bravo.5b31f5c5.png);background-position:50%;background-size:cover}#state-done:not(.hidden){flex-direction:column;justify-content:flex-end;display:flex}#state-done #done-actions{justify-content:center;margin-bottom:5%;display:flex}#state-done #done-actions button{text-transform:uppercase;width:40%;background-color:var(--color-secondary);color:#fff;-webkit-box-shadow:.2em .2em 0 .05em var(--color-primary-light);box-shadow:.2em .2em 0 .05em var(--color-primary-light);border:none;padding:1%;font-size:1.2em;font-weight:700}#state-done #done-actions button:first-child{width:20%;margin-right:5%}#state-results{background-image:url(reponses.d815bfb5.png);background-position:50%;background-size:cover}#state-results #title-result{text-align:center;color:#fff}#state-results #answers-container{text-align:center;color:#fff;text-transform:uppercase;grid-template-columns:1fr 1fr;margin-top:2%;font-weight:700;display:grid}#state-results #answers-container .answer{margin-bottom:5%;padding-top:36.5%}#state-results #description{color:#fff;margin-top:1%;font-size:.9em;line-height:1.3em}#state-results #description sup{font-size:.5em}#state-results #results-actions{text-align:center;margin-top:-2%}#state-results #results-actions button{text-transform:uppercase;width:20%;background-color:var(--color-secondary);color:#fff;-webkit-box-shadow:.2em .2em 0 .05em var(--color-primary-light);box-shadow:.2em .2em 0 .05em var(--color-primary-light);border:none;padding:1%;font-size:1.2em;font-weight:700}#state-results #results-references{color:#fff;margin-top:-.5%;font-size:.5em}*{box-sizing:border-box}:root{--color-primary:#ff9000;--color-primary-light:#f5d354;--color-secondary:#020171;--default-font-size:12px}body{background-color:var(--color-primary);width:100vw;height:100vh;font-family:Avenir Next,sans-serif;font-size:var(--default-font-size);margin:0}.hidden{display:none}#game-ratio-container{margin:auto}#game-container{width:100%;padding-bottom:70%;position:relative}.game-state{height:100%;padding:3%;position:absolute;inset:0}button{cursor:pointer}
/*# sourceMappingURL=index.a23db04c.css.map */