@keyframes screen-fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes screen-fade-out{0%{opacity:1}50%{opacity:0}to{opacity:0}}.screen{position:absolute;top:0;left:0;right:0;bottom:0;animation-duration:1s;animation-fill-mode:both}.screen.visible{animation-name:screen-fade-in}.screen:not(.visible){animation-name:screen-fade-out}@keyframes photo-fade-in{0%{opacity:0}to{opacity:1}}#photo-wall .photo{position:absolute;left:100vw;display:inline-block;border:10px solid #EEE;border-bottom-width:40px;filter:drop-shadow(0px 0px 5px rgba(0,0,0,.5));transform:translate(calc(var(--photo-offset) + var(--background-offset)),-50%) rotate(var(--photo-rotation));animation-name:photo-fade-in;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1}#photo-wall .photo img{display:block;height:200px}#photo-wall .photo:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(-150deg,#6969691a 30%,#fff3 50%,#ffffff1a)}@keyframes please-sit-pulse{0%{opacity:.8}to{opacity:.5}}#please-sit .notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation-name:please-sit-pulse;animation-iteration-count:infinite;animation-direction:alternate;animation-duration:4s;animation-timing-function:ease-in-out;background:#0003;border:8px solid red;color:red;text-align:center;padding:32px;margin:auto;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;text-transform:uppercase;letter-spacing:.35em}#please-sit .notice .big{font-size:48px;font-weight:600}#please-sit .notice .small{font-size:16px;font-weight:400;margin-bottom:8px}@keyframes quiz-question-drop-in{0%{opacity:0;top:0;transform:translateY(-100%)}}@keyframes quiz-answers-drop-in{0%{opacity:0;bottom:0;transform:translateY(100%)}}@keyframes quiz-question-slide-out{to{transform:translate(-100%);opacity:0}}@keyframes quiz-answers-slide-out{to{transform:translate(-100%);opacity:0}}@keyframes quiz-answer-correct{to{background:#64ff64a8;border-color:#64ff64;color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.66)}}@keyframes quiz-answer-incorrect{to{opacity:.25}}.question-area{aspect-ratio:16/9;margin:auto}.question-area.visible .question,.question-area.visible .answers{animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.question-area.visible .question{animation-name:quiz-question-drop-in}.question-area.visible .answers{animation-name:quiz-answers-drop-in}.question-area:not(.visible) .question,.question-area:not(.visible) .answers{animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:ease-in}.question-area:not(.visible) .question{animation-name:quiz-question-slide-out}.question-area:not(.visible) .answers{animation-name:quiz-answers-slide-out}.question,.answers{position:absolute;left:20%;right:20%;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;letter-spacing:.1em;font-weight:300}.question,.answer{background:#3c3c3c54;border:1px solid rgb(100,100,100);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:16px;text-align:center}.question{top:10%;font-weight:400}.answers{bottom:10%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.answers.reveal-answer .answer{animation-duration:.5s;animation-fill-mode:forwards}.answers.reveal-answer .answer.correct{animation-name:quiz-answer-correct}.answers.reveal-answer .answer:not(.correct){animation-name:quiz-answer-incorrect}*{margin:0;padding:0;border:0px}html,body,#app{overflow:hidden}#app{display:flex;flex-direction:column;width:100%;height:100vh;background-color:#000;color:#fff;background-image:url(/bricks.png);background-repeat:repeat;background-position-x:var(--background-offset)}#app #top-bar{overflow:hidden;height:100px;transition:border 2s,height 2s;border-bottom:1px solid #555;padding:0 32px;background:#000000a8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;display:flex;justify-content:space-between}#app #top-bar:not(.visible){height:0px;border-bottom-width:0px}#app #top-bar #top-bar-messages{flex:1;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:20px;font-weight:300;letter-spacing:.1em;max-width:50%;display:flex;align-items:center}#app #top-bar #top-bar-messages .message:not(.visible){display:none}#app #top-bar #countdown-timer{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;text-transform:uppercase;font-size:64px}#app #screen-area{z-index:1;position:relative;flex:1}