html,body,#root{margin:0;padding:0;width:100%;height:100%}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-Italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-MediumItalic.otf) format("opentype");font-weight:500;font-style:italic}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-Black.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-BlackItalic.otf) format("opentype");font-weight:900;font-style:italic}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-LightItalic.otf) format("opentype");font-weight:300;font-style:italic}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-ExtraLight.otf) format("opentype");font-weight:200;font-style:normal}@font-face{font-family:Gramatika;src:url(/fonts/Gramatika-ExtraLightItalic.otf) format("opentype");font-weight:200;font-style:italic}:root{--font-main: "Gramatika", "Arial", sans-serif;--font-user: "Inter", sans-serif;--color-main-blue: #1B2CB9;--color-secondary-purple: #D9C1E5;--color-background: #FAFAFA;--color-white: #FFFFFF;--color-text-main: var(--color-main-blue)}body{font-family:var(--font-main);background-color:var(--color-background);color:var(--color-text-main);margin:0;min-width:320px;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:inherit}@font-face{font-family:Gramatika Trial;src:url(/fonts/Gramatika-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Gramatika Trial;src:url(/fonts/Gramatika-Italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Gramatika Trial;src:url(/fonts/Gramatika-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Gramatika Trial;src:url(/fonts/Gramatika-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:Gramatika Trial;src:url(/fonts/Gramatika-Black.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Gramatika Trial;src:url(/fonts/Gramatika-BlackItalic.otf) format("opentype");font-weight:900;font-style:italic}:root{--font-main: "Gramatika Trial", sans-serif;--font-user: "Inter", sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.title-screen{box-sizing:border-box;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--color-secondary-purple);padding:40px 24px;position:relative;overflow:hidden}.title-heading{color:var(--color-main-blue);font-family:Gramatika Trial,sans-serif;font-size:128px;font-weight:900;line-height:.95;margin:0;text-align:center;width:100%;z-index:1;animation:fadeInUp .8s ease-out forwards}@media (max-width: 375px){.title-heading{font-size:96px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-graphic{position:absolute;bottom:-185px;left:50%;transform:translate(-50%);width:120%;max-width:600px;height:auto;z-index:0;animation:bobbing 5s ease-in-out infinite}@keyframes bobbing{0%{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-15px)}to{transform:translate(-50%) translateY(0)}}.title-screen-footer{position:fixed;bottom:0;left:0;right:0;padding:24px;box-sizing:border-box;z-index:10;display:flex;flex-direction:column;align-items:center}.title-screen-footer .button{width:100%;padding:24px;background:var(--color-secondary-purple);border-radius:100px;border:none;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue);cursor:pointer;box-shadow:0 0 10px #00000026;transition:background-color .2s;animation:fadeInUp .8s .4s ease-out forwards;opacity:0}.fullscreen-button{margin-top:16px;background-color:transparent!important;font-size:16px!important;box-shadow:none!important;text-decoration:underline;padding:8px!important;width:auto!important}.button{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:200px;border:2px solid #121DAD;color:#121dad;background-color:#fcfcf4;font-family:Haas Grot Disp Trial;font-weight:400;box-sizing:border-box;width:100%;max-width:400px;height:65px;font-size:1.5rem;margin-bottom:1rem}.button:hover{background-color:#e0e0d8}.button:disabled{background-color:#fcfcf4;color:#c4c4c4;border-color:#c4c4c4;cursor:not-allowed}.button:disabled:hover{background-color:#fcfcf4}.toggle-switch{display:flex;position:relative;width:100%;height:85px;background-color:var(--color-white);border-radius:100px;border:5px solid var(--color-main-blue);box-shadow:0 0 10px #00000026;overflow:hidden;font-family:var(--font-main);font-weight:700;font-size:24px}.toggle-option{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:color .3s ease;color:var(--color-main-blue)}.toggle-option.active{color:var(--color-white)}.toggle-slider{position:absolute;top:0;bottom:0;width:50%;background-color:var(--color-main-blue);border-radius:95px;margin:4px;transition:transform .4s ease-in-out}.toggle-slider.host{transform:translate(calc(100% - 8px))}.toggle-slider.join{transform:translate(0)}.host-join-screen{box-sizing:border-box;height:100vh;width:100%;display:flex;flex-direction:column;background-color:var(--color-background);overflow:hidden}.host-join-header{position:fixed;top:0;left:0;width:100%;padding:16px 24px;background-color:var(--color-secondary-purple);box-sizing:border-box;z-index:10}.back-button svg{width:20px;height:28px;stroke:var(--color-main-blue);stroke-width:3}.host-join-main{flex-grow:1;width:100%;padding:74px 24px 120px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:36px;overflow-y:auto}.form-fields{width:100%;display:flex;flex-direction:column;gap:24px}.input-group{display:flex;flex-direction:column;gap:12px;width:100%}.input-group label{font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue);text-align:left}.input-group input{width:100%;height:48px;background:var(--color-white);border-radius:15px;border:2px solid var(--color-main-blue);box-sizing:border-box;padding:0 16px;font-family:var(--font-user);font-size:18px;color:var(--color-text-main)}.input-group input:focus{outline:none}.error-message{color:#d32f2f;text-align:center;font-family:var(--font-user)}.host-join-footer{position:fixed;bottom:0;left:0;width:100%;padding:24px;box-sizing:border-box;z-index:10;background-color:transparent}.host-join-footer .btn{width:100%;padding:24px;background:var(--color-secondary-purple);border-radius:100px;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue);box-shadow:0 0 10px #00000026}.host-join-footer .btn:disabled{background-color:#e0e0e0;color:#a0a0a0}.lobby-screen{box-sizing:border-box;height:100vh;width:100%;background-color:var(--color-background)}.lobby-header{position:fixed;top:0;left:0;width:100%;background-color:var(--color-secondary-purple);padding:16px 24px;box-sizing:border-box;z-index:10}.lobby-main{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;padding:148px 24px 120px;box-sizing:border-box;overflow-y:auto}.game-code-wrapper{position:fixed;top:60px;left:0;width:100%;display:flex;justify-content:center;padding:12px 24px;box-sizing:border-box;z-index:5}.game-code-container{padding:12px 24px;background:var(--color-secondary-purple);border-radius:20px;font-family:var(--font-main);font-size:24px;color:var(--color-main-blue);font-weight:400}.game-code-value{font-weight:700}.profile-selector{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.arrow-button{width:30px;height:30px;border-radius:50%;background-color:var(--color-secondary-purple);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-image-container{width:60%;max-width:240px;aspect-ratio:1 / 1;border-radius:50%;background-color:var(--color-white);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-image-container img{width:100%;height:100%;object-fit:cover}.player-name-main{font-family:var(--font-user);font-size:24px;color:var(--color-main-blue);margin:0}.players-grid-container{width:100%;padding:24px;background:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;border-radius:15px;box-sizing:border-box}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:24px 8px}.player-cell{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.player-avatar{width:62px;height:62px;border-radius:50%;background:var(--color-white);outline:2px solid var(--color-main-blue);display:flex;align-items:center;justify-content:center;overflow:hidden}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-avatar-placeholder{width:62px;height:62px;background:#d9c1e580;box-shadow:0 0 15px #522c6533 inset;border-radius:9999px}.player-name-small{font-family:var(--font-user);font-size:16px;color:var(--color-main-blue);text-align:center;margin:0;width:100%;overflow-wrap:break-word;word-break:break-word}.lobby-footer{position:fixed;bottom:0;left:0;width:100%;padding:24px;box-sizing:border-box;z-index:10;background-color:transparent}.waiting-text{font-family:var(--font-main);font-size:16px;color:var(--color-main-blue)!important;text-align:center}.back-button{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue)}.round-one-screen{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);box-sizing:border-box;position:relative}.round-one-header{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;box-sizing:border-box;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue)}.round-one-main{width:100%;padding:92px 24px 120px;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.round-one-info-box{width:100%;padding:12px 24px;background:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;border-radius:15px;box-sizing:border-box;color:var(--color-main-blue);font-family:var(--font-main);font-size:16px;line-height:1.5;font-weight:400;display:flex;justify-content:flex-start;align-items:center;text-align:left}.round-one-info-box p{margin:0}.round-one-info-box .bold-instructions{font-weight:700}.image-uploader{width:100%;min-height:40vh;border-radius:15px;border:2px dashed var(--color-main-blue);background-color:#f0f0f0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.image-uploader.has-image{border:none;background-color:transparent;cursor:default;align-items:flex-start}.image-uploader .uploader-content{display:flex;flex-direction:column;align-items:center;gap:16px}.image-uploader span{font-family:var(--font-main);font-size:24px;color:var(--color-main-blue);font-weight:400}.image-preview{width:100%;height:auto;display:block;border-radius:15px;border:2px solid var(--color-main-blue);box-sizing:border-box}.uploader-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fafafacc;display:flex;align-items:center;justify-content:center;font-family:var(--font-main);font-size:24px;color:var(--color-main-blue);font-weight:400}.round-one-footer{position:fixed;bottom:24px;left:24px;right:24px;z-index:10}.round-one-done-screen{display:flex;flex-direction:column;justify-content:space-between;height:100vh;background-color:var(--color-main-blue);padding:38px 31px;box-sizing:border-box;color:var(--color-secondary-purple);text-align:left}.round-one-done-main{display:flex;flex-direction:column;gap:30px}.title{font-family:var(--font-main);font-size:96px;font-weight:900;line-height:81px;margin:0}@media (max-width: 375px){.title{font-size:72px;line-height:1}}.subtitle{font-family:var(--font-main);font-size:24px;line-height:1.5;font-weight:400;margin:0}.bold-subtitle{font-weight:700}.round-one-done-footer{position:fixed;bottom:24px;left:24px;right:24px}.waiting-text{font-family:var(--font-main);font-size:18px;color:var(--color-secondary-purple);text-align:center;width:100%}.action-button{width:100%;padding:24px;background:var(--color-secondary-purple);border-radius:100px;border:none;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue);cursor:pointer;box-shadow:0 0 10px #00000026;transition:background-color .2s}.action-button:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}.titling-screen{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);box-sizing:border-box;position:relative}.titling-header{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;box-sizing:border-box;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue);flex-shrink:0}.titling-main{width:100%;padding:92px 24px 120px;display:flex;flex-direction:column;gap:24px;box-sizing:border-box;overflow-y:auto}.titling-info-box{width:100%;padding:12px 24px;background:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;border-radius:15px;box-sizing:border-box;color:var(--color-main-blue);font-family:var(--font-main);font-size:24px;line-height:1.5;text-align:center;font-weight:400}.titling-info-box p{margin:0}.titling-info-box .bold-instructions{font-weight:700}.title-input{width:100%;height:48px;background:var(--color-white);border-radius:15px;border:2px solid var(--color-main-blue);box-sizing:border-box;padding:0 16px;font-family:var(--font-user);font-size:18px;color:var(--color-text-main);text-align:left}.title-input:focus{outline:none}.title-input::placeholder{color:#a0a0a0}.image-container{width:100%;border-radius:15px;border:2px solid var(--color-main-blue);background-color:#f0f0f0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden}.titling-image{width:100%;height:auto;display:block}.titling-footer{position:fixed;bottom:24px;left:24px;right:24px;z-index:10}.voting-screen{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);box-sizing:border-box}.voting-header{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;box-sizing:border-box;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue);flex-shrink:0}.voting-main{width:100%;padding:92px 24px 24px;display:flex;flex-direction:column;gap:24px;box-sizing:border-box;overflow-y:auto}.voting-info-box{width:100%;padding:12px 24px;background:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;border-radius:15px;box-sizing:border-box;color:var(--color-main-blue);font-family:var(--font-main);font-size:24px;line-height:1.5;text-align:center;font-weight:400}.voting-info-box p{margin:0}.image-container{width:100%;border-radius:15px;border:2px solid var(--color-main-blue);background-color:#f0f0f0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-shrink:0}.voting-image{width:100%;height:auto;display:block}.image-placeholder{padding:40px;font-family:var(--font-main);color:var(--color-main-blue)}.titles-container{display:flex;flex-direction:column;gap:16px;width:100%}.title-option{width:100%;min-height:48px;padding:12px 16px;background:var(--color-white);border-radius:15px;border:2px solid var(--color-main-blue);box-sizing:border-box;font-family:var(--font-user);font-size:18px;color:var(--color-text-main);cursor:pointer;transition:background-color .2s ease-in-out;line-height:1.4;word-wrap:break-word;white-space:normal;text-align:left}.title-option:hover:not(:disabled){background-color:#f0f0f8}.title-option:disabled{opacity:.7;cursor:not-allowed;background-color:#e9e9e9;border-color:#ccc;color:#888}.title-option.voted{background-color:var(--color-secondary-yellow);border-color:var(--color-main-yellow)}.voting-waiting-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--color-main-blue);color:var(--color-white);padding:24px;box-sizing:border-box;text-align:center}.waiting-title{font-family:var(--font-main);font-size:48px;font-weight:700;margin:0 0 16px}@media (max-width: 375px){.waiting-title{font-size:36px}}.waiting-subtitle{font-family:var(--font-main);font-size:20px;font-weight:400;margin:0;opacity:.9}.results-screen{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);box-sizing:border-box}.results-header{display:flex;justify-content:flex-start;align-items:center;padding:16px;background-color:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;box-sizing:border-box;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue)}.round-results-main{width:100%;padding:24px 24px 120px;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.round-results-info-box{width:100%;padding:12px 24px;background:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;border-radius:15px;box-sizing:border-box;color:var(--color-main-blue);font-family:var(--font-main);font-size:24px;font-weight:700;display:flex;justify-content:center;align-items:center;text-align:center}.round-results-info-box p{margin:0}.image-container{width:100%;border-radius:15px;overflow:hidden;border:2px solid var(--color-main-blue)}.results-image,.image-placeholder{width:100%;height:auto;display:block}.results-list{display:flex;flex-direction:column;gap:16px}.result-card{background:var(--color-white);border-radius:15px;padding:16px 24px;outline:2px solid var(--color-main-blue);outline-offset:-2px;display:flex;flex-direction:column;gap:12px}.result-card.winner{background-color:var(--color-white)}.result-title{color:var(--color-main-blue);font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:1.5;margin:0;word-wrap:break-word;white-space:normal}.result-details{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #C4CAFF;padding-top:12px;color:var(--color-main-blue);font-family:Inter,sans-serif;font-size:16px;font-weight:400}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;color:var(--color-main-blue);font-family:var(--font-main);font-size:20px;font-weight:400;gap:16px}.leaderboard-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.leaderboard-score{flex-shrink:0}.results-footer{position:fixed;bottom:24px;left:24px;right:24px;z-index:10}.transitional-screen{display:flex;justify-content:flex-start;align-items:flex-start;height:100vh;background-color:var(--color-main-blue);color:var(--color-secondary-purple);padding:40px 24px;box-sizing:border-box}.transitional-screen h1{font-family:Gramatika Trial,sans-serif;font-size:96px;font-weight:900;line-height:.85;margin:0;text-align:left}@media (max-width: 375px){.transitional-screen h1{font-size:72px}}.winner-screen{display:flex;flex-direction:column;height:100vh;background-color:var(--color-background);box-sizing:border-box;overflow:hidden}.winner-header{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:flex-start;align-items:center;padding:16px 24px;background-color:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;box-sizing:border-box;font-family:var(--font-main);font-size:24px;font-weight:700;color:var(--color-main-blue)}.winner-main{display:flex;flex-direction:column;gap:24px;width:100%;overflow-y:auto;padding:92px 24px 160px;box-sizing:border-box}.winner-info-box{background:var(--color-secondary-purple);box-shadow:0 0 10px #00000026;border-radius:15px;padding:12px 24px;color:var(--color-main-blue);font-family:var(--font-main);font-size:24px;font-weight:700;text-align:center;display:flex;justify-content:center;align-items:center;line-height:0}.winner-avatar-container{display:flex;justify-content:center;align-items:center;padding:0}.winner-avatar{width:60%;max-width:240px;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover}.leaderboard{background-color:var(--color-secondary-purple);border-radius:15px;padding:24px;display:flex;flex-direction:column;gap:24px}.leaderboard-title{color:var(--color-main-blue);font-family:var(--font-main);font-size:24px;font-weight:700;text-align:center;margin:0}.leaderboard-list{display:flex;flex-direction:column;gap:16px}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;color:var(--color-main-blue);font-family:var(--font-main);font-size:24px;font-weight:400}.winner-footer{position:fixed;bottom:24px;left:24px;right:24px;z-index:10;display:flex;flex-direction:row;justify-content:center;gap:24px}.winner-footer .button{background-color:var(--color-secondary-purple);color:var(--color-main-blue);font-family:var(--font-main);font-size:16px;font-weight:700;border-radius:100px;padding:16px 24px;box-shadow:0 0 10px #00000026;line-height:1.2;border:none}