@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 .game-title{height:7.1%;text-align:center;color:#fff;margin-bottom:0;font-size:1em}#state-playing #choices-area{grid-template-columns:.8fr 1fr;gap:8%;display:grid}#state-playing #choices-area>div{grid-template-columns:1fr;gap:.4em;display:grid}#state-playing #choices-area .option{text-align:center;height:2.5em;cursor:pointer;background-color:#fff;justify-content:center;align-items:center;display:flex}#state-playing #choices-area #choices-left-col .option{color:var(--color-secondary)}#state-playing #choices-area #choices-right-col .option{color:var(--color-primary);line-height:1em}#state-playing #choices-area.content-selected .option{opacity:.7}#state-playing #choices-area.content-selected .option.selected{opacity:1}#state-playing #success-area{grid-template-columns:1fr;gap:.4em;margin-bottom:.4em;display:grid}#state-playing #success-area .success-line{height:2.5em;grid-template-columns:3.2fr 4fr;margin:0 2em;display:grid;position:relative}#state-playing #success-area .success-line div{text-align:center;justify-content:center;align-items:center;display:flex}#state-playing #success-area .success-line .left-col{background-color:var(--color-secondary);color:#fff;font-weight:700}#state-playing #success-area .success-line .right-col{color:var(--color-secondary);background-color:#fff}#state-playing #success-area .success-line #success-message{color:#fff;text-align:left;background:#0991ce;border-radius:.5em;padding:1em 2em;font-size:.7em;font-weight:700;position:absolute;top:118%;left:35%}#state-playing #success-area .success-line #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:-.8em;left:2em}#state-playing .hidden{display:none!important}#state-playing #error-area{grid-template-columns:3.2fr 4fr;margin:.4em 2em 0;display:grid;position:relative}#state-playing #error-area>div{text-align:center;color:gray;min-height:2.7em;background-color:#fff;justify-content:center;align-items:center;display:flex}#state-playing #error-area #error-message{color:#fff;background:#850630;border-radius:.5em;padding:.87% 1.1%;font-size:.8em;display:block;position:absolute;top:110%;left:40%}#state-playing #error-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-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:space-around;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% 0;font-size:1.2em;font-weight:700}#state-results{background-image:url(reponses.a531619f.png);background-position:50%;background-size:cover}#state-results:not(.hidden){flex-direction:column;justify-content:flex-end;display:flex}#state-results #results-actions{justify-content:center;margin-bottom:2em;display:flex}#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% 0;font-size:1em;font-weight:700}*{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.a7fcbbd1.css.map */