body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{min-font-size:10px;font-size:1.6vmin}@media (min-width:1200px){html{font-size:18px}}body{background-color:#f0f2f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;margin:0;overflow-x:hidden}.App{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden}.App-header{align-items:center;background-color:#4a148c;box-shadow:0 .1rem .3rem #0003;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:.8rem 1.5rem}.App-header h1{font-size:1.8rem;margin:0}.connection-status{font-size:.9rem}.App-content{display:flex;flex:1 1;overflow:hidden;padding:0}.screen{background-color:#fff;border-radius:.5rem;box-shadow:0 .2rem .5rem #0000001a;max-width:95vw;padding:1.5rem;text-align:center;width:100%}.home-screen h2{color:#4a148c;font-size:1.8rem;margin-bottom:1.5rem}.home-screen input[type=number],.home-screen input[type=text]{border:1px solid #ccc;border-radius:.3rem;display:block;font-size:1rem;margin:.5rem auto;max-width:30rem;padding:.8rem;width:90%}.home-screen .demographics-inputs{align-items:stretch;display:flex;flex-direction:column;gap:1rem;margin:1rem auto;max-width:30rem;width:90%}.home-screen .actions{margin-top:1rem}.home-screen .create-action{margin-bottom:1rem}.home-screen .join-actions{align-items:center;border-top:1px solid #eee;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem}.home-screen button{background-color:#7b1fa2;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:1rem;max-width:25rem;padding:.8rem 1.5rem;transition:background-color .2s ease;width:80%}.home-screen button:disabled{background-color:#aaa;cursor:not-allowed}.home-screen button:hover:not(:disabled){background-color:#4a148c}.lobby-screen h2{font-size:1.6rem;margin-bottom:1rem}.lobby-screen .room-code{font-size:1.2rem}.lobby-screen .role{font-weight:700}.player-list{font-size:.9rem}.lobby-screen .start-button{font-size:1.2rem;padding:1rem 2rem}.lobby-settings{background-color:#f9f9f9;border:1px solid #eee;border-radius:.5rem;margin:1.5rem auto;max-width:90%;padding:1rem;width:30rem}.lobby-settings h4{color:#4a148c;font-size:1.1rem;margin-bottom:1rem}.lobby-settings .slider-container{width:100%}.question-screen{background-color:#f0f2f5;display:flex;flex-direction:column;gap:.5rem;height:100%;min-height:0;padding:.5rem;width:100%}.game-info-bar{border-radius:.3rem;justify-content:space-between;padding:.5rem 1rem}.game-info-bar,.question-box{align-items:center;background-color:#fff;box-shadow:0 .1rem .3rem #00000026;display:flex;flex:0 0 auto}.question-box{border-radius:.5rem;justify-content:center;max-height:15vh;min-height:4rem;padding:1rem;width:100%}.question-box .q-text{font-size:clamp(1rem,3vmin,1.5rem);font-weight:700;text-align:center}.question-layout{grid-gap:.5rem;display:grid;flex:1 1;gap:.5rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:100%;min-height:0;padding:.25rem;width:100%}@media (orientation:portrait){.question-layout{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media (orientation:landscape){.question-layout{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}@media (max-width:320px){.question-layout{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr)}}.answer-box{align-items:center;border-radius:.5rem;box-shadow:0 .1rem .3rem #00000026;display:flex;height:100%;justify-content:center;min-height:0;min-width:0;overflow:hidden;padding:1rem 1rem 1rem 2.5rem;position:relative;transition:transform .2s ease;width:100%}.answer-box .alt-text{word-wrap:break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;font-size:clamp(2rem,4vw,3rem);line-height:1.2;max-height:100%;overflow:hidden;overflow-wrap:break-word;padding:.5rem 1rem;text-align:center;width:100%;z-index:1}.answer-box .alt-shape{align-items:center;background-color:#0003;border-radius:50%;display:flex;font-size:clamp(2.5rem,6vw,4rem);height:2.5em;justify-content:center;left:.3rem;pointer-events:none;position:absolute;top:.3rem;transform:none;width:2.5em;z-index:2}.answer-0{background-color:#e53935;color:#fff}.answer-1{background-color:#1e88e5;color:#fff}.answer-2{background-color:#43a047;color:#fff}.answer-3{background-color:#fdd835;color:#424242}.answer-4{background-color:#8e24aa;color:#fff}.answer-5{background-color:#fb8c00;color:#fff}.answer-button:hover:not(:disabled){cursor:pointer;transform:scale(1.02)}.answer-button:disabled{cursor:not-allowed;opacity:.7}.answer-button.submitted{box-shadow:inset 0 0 10px #0000004d;transform:scale(.98)}.reveal-screen{font-size:1rem}.reveal-screen h2{font-size:1.8rem;margin-bottom:1rem}.reveal-screen h3{font-size:1.3rem;margin-bottom:.5rem;margin-top:1.5rem}.answer-highlight{align-items:center;display:flex;justify-content:center;margin:.5rem 0;min-height:8rem;min-width:0;width:100%}.answer-highlight .alt-image{display:block;height:auto;margin:0 auto;max-height:32rem;object-fit:contain;width:auto}.explanation{color:#555;font-size:.9rem;font-style:italic}.explanation,.stats-bars{margin:1rem 0}.correct-stat{font-weight:700}.final-leaderboard,.leaderboard-snippet{font-size:.9rem}.player-score-feedback{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1rem}.player-score-feedback h3{font-size:1.5rem;margin-bottom:.5rem}.correct-text{color:#43a047}.incorrect-text{color:#e53935}.score-feedback{font-size:1.2rem;font-weight:700;margin:.5rem 0}.total-score{color:#555;font-size:1rem}.waiting-next{color:#777;font-style:italic;margin-top:1.5rem}.reveal-screen.correct{background-color:#e8f5e9;border:2px solid #4caf50}.reveal-screen.incorrect{background-color:#ffebee;border:2px solid #e53935}.select-container,.slider-container{align-items:center;display:flex;flex-direction:column;gap:.3rem;width:100%}.select-container label,.slider-container label{color:#555;font-size:.9rem;font-weight:600}.slider-value{color:#4a148c;display:inline-block;font-weight:700;min-width:2.5em;text-align:right}input[type=range].slider-input{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:.5rem;cursor:pointer;height:.5rem;margin-top:.2rem;outline:none;width:90%}input[type=range].slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#7b1fa2;border-radius:50%;cursor:pointer;height:1.2rem;width:1.2rem}input[type=range].slider-input::-moz-range-thumb{background:#7b1fa2;border:none;border-radius:50%;cursor:pointer;height:1.2rem;width:1.2rem}select.select-input{background-color:#fff;border:1px solid #ccc;border-radius:.3rem;cursor:pointer;font-size:1rem;padding:.7rem;width:100%}.rating-section.slider-container{background-color:#fafafa;border:1px dashed #ddd;border-radius:.3rem;gap:.5rem;margin-top:1.5rem;padding:1rem}.rating-section button{font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem}.end-screen h2{color:#4a148c;font-size:2rem;margin-bottom:1rem}.end-screen h3{font-size:1.5rem;margin-bottom:1rem}.end-screen .final-leaderboard{font-size:1rem;margin:1rem auto;max-width:90%;width:40rem}.end-screen button{font-size:1rem;margin-top:2rem;padding:.8rem 1.5rem}.error-message{font-size:.9rem}.loading{color:#777;font-size:1.2rem;font-style:italic}.qr-section{background:#fff;border-radius:.5rem;box-shadow:0 .1rem .3rem #0000001a;display:inline-block;margin:1rem auto;padding:1rem}.qr-hint{color:#666;font-size:.9rem;margin-top:.5rem}.host-actions{background:#0000000d;border-radius:8px;margin:1rem 0;padding:1rem}.secondary-button{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.secondary-button:hover{background:#777}.secondary-button:disabled{background:#999;cursor:not-allowed}.alt-image{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.question-layout.four-alts{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important}
/*# sourceMappingURL=main.3403df96.css.map*/