body,html{height:100%;padding:0}.main-container,body,html{background-color:#edf0f2;margin:0}.main-container{box-sizing:border-box;color:#222;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100vh;min-height:100vh;overflow-y:auto;padding:40px;position:relative;width:100vw}.content-container{display:flex;flex:1 1;gap:2rem;justify-content:space-between;margin:0 auto;max-height:70vh;width:100%}.content-container.no-image{justify-content:center;padding:.3rem}.left-column{animation:slideDown .8s ease-out;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:50%;overflow-y:auto}.content-container.no-image .left-column{max-width:100%;text-align:center}.right-column{align-items:center;animation:slideDown .8s ease-out;display:flex;flex:1 1;justify-content:center;max-width:50%;min-height:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.heading{color:#222;font-size:1.7rem;font-weight:700;padding:0;text-align:right}.heading a{color:inherit;text-decoration:none;transition:color .2s ease}.heading a:hover{color:#666}.description{color:#222;font-size:.8rem;font-weight:400;margin-bottom:.5rem;margin-top:.5rem}.event-text{color:#222;font-size:2.3rem;font-weight:600;line-height:1.2;margin-bottom:2rem}.result-container{font-size:1.2rem;font-weight:400;line-height:1.6;padding:0}.challenge-button{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;text-decoration:underline;transition:all .2s ease}.challenge-button:hover{color:#000;-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.share-options{align-items:center;display:none;flex-direction:row;gap:.5rem;margin:0;padding:0}.share-options.show{display:flex}.share-option-button{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:1.1rem;gap:.3rem;margin:0;padding:0;text-decoration:underline}.share-option-button:hover{color:#666;-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.share-option-button:not(:last-child):after{color:#666;content:"|";margin-left:.5rem}.event-image{border:2px solid #ccc;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.button-row{display:flex;margin-top:2rem}.copy-success{color:#4caf50;font-size:1rem;margin-top:.8rem}input[type=text]{border:3px solid #000;font-size:1.5rem;margin-right:10px;padding:10px;width:200px}.loading-placeholder{background:#edf0f2;color:#444;font-size:2rem;font-style:italic;font-weight:400;left:50%;margin:0;padding:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap;width:100vw}.challenge-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:2rem;width:100%}.challenge-container .description{color:#222;font-size:1.2rem;font-weight:500;margin:0;text-align:right}.challenge-button-container{align-items:left;display:flex;flex-direction:row;gap:0;margin:0;padding:0}.event-answer-footer-container{align-items:center;background-color:#edf0f2;box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:0 2rem;max-width:100vw;overflow:hidden;padding:1rem 2rem;width:100%}.event-answer-footer-container .button-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin:0;padding:0}.event-answer-footer-container .description{color:#222;font-size:1rem;font-weight:500;margin:0;overflow:hidden;white-space:nowrap}.guess-submit-button{border:2px solid #000;color:#000;cursor:pointer;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.2rem;font-weight:500;padding:.8rem 1.5rem;transition:all .2s ease}.guess-submit-button:hover{border-color:#222;color:#222;transform:translateY(4px)}.guess-input{letterSpacing:.2em;-webkit-appearance:none;-moz-appearance:textfield;background:none;border:2px solid #000;font-family:Helvetica Neue,Arial,sans-serif;font-size:2rem;outline:none;padding:.8rem 1.2rem;text-align:left;transition:all .2s ease;width:160px}.content-container.no-image .guess-input{width:240px}.guess-input::placeholder{font-size:1.3rem;letter-spacing:0;text-align:center}.guess-input:hover{transform:translateY(4px)}.guess-input::-webkit-inner-spin-button,.guess-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:768px){.main-container{height:auto;min-height:100vh;padding:20px}.content-container{flex-direction:column;gap:1rem;max-height:none;min-height:auto}.left-column{order:2;overflow:visible}.left-column,.right-column{animation:slideDown .8s ease-out;max-width:100%}.right-column{display:none;margin-bottom:1rem;order:1}.content-container:not(.no-image) .right-column{display:flex}.event-text{font-size:1.5rem;margin-bottom:1.5rem;text-align:left}.event-image{display:block;margin:0 auto;max-width:75%}.guess-input{font-size:1.5rem;margin:0;text-align:left;width:100px}.content-container.no-image .guess-input{width:180px}.guess-input::placeholder{font-size:1.2rem;letter-spacing:0;text-align:center}.guess-submit-button{font-size:.8rem;margin-left:.5rem;padding:.6rem 1rem}.formStyle{justify-content:flex-start}.challenge-container{gap:1rem;margin-top:1rem;position:relative}.challenge-button-container,.challenge-container{align-items:center;flex-direction:column}.event-answer-footer-container{flex-direction:column;margin:0 1rem;padding:1rem}.event-answer-footer-container .button-row,.share-options{align-items:center;flex-direction:column}.share-option-button:not(:last-child):after{display:none}.social-links{font-size:.8rem;gap:1rem;text-align:center}.description{font-size:.8rem;font-weight:400;margin-bottom:1rem}.result-container{font-size:1.1rem;padding:0}.challenge-button,.share-option-button{font-size:.8rem}.heading{font-size:1.3rem;text-align:center}.loading-placeholder{font-size:1.5rem}}.social-links{display:flex;flex-direction:row;font-size:.8rem;gap:1rem;justify-content:center;margin-top:.5rem}.social-link{color:inherit;text-decoration:none;text-decoration:underline;transition:color .2s ease}.social-link:hover{color:#222;-webkit-text-decoration:dotted underline;text-decoration:dotted underline}
/*# sourceMappingURL=main.224e1e6b.css.map*/