@font-face{font-family:dyna;src:url(/assets/dyna-CTu4NS9X.ttf) format("truetype");font-weight:400;font-style:normal}:root{line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input *,button *,textarea,input[type=button],input[type=submit],a[role=button]{font-family:dyna,sans-serif!important}.main-container{margin:0;background:linear-gradient(180deg,#4a00e0,#8e2de2);color:#fff;display:grid;grid-template-rows:auto 1fr;justify-items:center;min-height:100dvh;text-align:center}.avatar{width:2.5em;height:2.5em;background:#8e2de2;border-radius:50%;margin-right:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 6px #00000026}.main-content{margin-top:60px;width:100%}.logo-placeholder{width:6em;height:6em;margin:0 auto}.logo{font-size:2rem;font-weight:500;margin:0}.tagline{color:#c9c9c9;font-size:.8rem;margin-bottom:2em}.logout-btn{color:#fff;padding:.5em;border-radius:1em;cursor:pointer;transition:background-color .2s,color .2s}.btn{display:block;width:80%;margin:1em auto;padding:1em 0;font-size:1rem;font-weight:700;border:none;border-radius:1em;cursor:pointer;transition:transform .2s,opacity .2s;color:#fff}.btn:hover{transform:scale(1.05);opacity:.9}.pink{background:#ff5f9e}.orange{background:#ffc36a;color:#3b3b3b}.blue{background:#3ca7ff}.header{display:grid;grid-template-columns:auto 1fr auto;padding:.5em;width:100%;align-items:center;background:#0003;box-sizing:border-box;border-bottom-left-radius:1em;border-bottom-right-radius:1em}.back-btn{background:none;border:none;color:#fff;cursor:pointer}.title{text-align:center;margin:0;font-size:1rem;font-weight:300}.subtitle{font-size:.5rem;font-weight:200;color:#e0e0e0}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1000}.toast{background:#000000d9;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 12px #0000004d;font-size:.9rem;min-width:200px;text-align:center;transform:translate(120%);opacity:0;transition:transform .35s ease-out,opacity .35s ease-out}.toast.show{transform:translate(0);opacity:1}.toast.hide{opacity:0}.avatar{width:2.5em;height:2.5em;border-radius:50%;margin-right:10px;display:flex;align-items:center;justify-content:center}.avatar-icon{width:60%;height:60%;opacity:.95}.create-container{margin:0;padding:0;max-height:100vh;overflow:hidden;background:linear-gradient(180deg,#4a00e0,#8e2de2);color:#fff;display:grid;grid-template-rows:auto auto auto 1fr auto auto;align-items:center;justify-items:center;text-align:center}.round-control{display:flex;justify-content:center;align-items:center;gap:1em;margin:.5em 0 1em}.round-control button{width:2em;height:2em;padding:0;border:none;border-radius:.7em;background:#ff5f9e;color:#fff;font-size:1.2rem;cursor:pointer;transition:transform .2s,opacity .2s}.round-control button:hover{transform:scale(1.1);opacity:.9}.round-value{font-size:1.5rem;font-weight:400;min-width:2em}.deck-grid{width:100%;max-height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(8em,1fr));gap:1em;justify-items:center;padding:1em;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;margin-bottom:1em;scrollbar-color:#ff5f9e transparent}.deck-grid::-webkit-scrollbar{display:none}.deck-card{width:8em;height:10em;cursor:pointer;transition:transform .25s ease;position:relative}.deck-card:hover{transform:translateY(-4px)}.deck-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.45,.05,.55,.95)}.deck-card.selected .deck-inner{transform:rotateY(180deg)}.deck-front,.deck-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1em;box-shadow:0 6px 15px #0000004d;display:flex;align-items:center;justify-content:center;padding:1em;text-align:center;box-sizing:border-box}.deck-front{background:linear-gradient(145deg,#3ca7ff,#2c83ff);color:#fff;font-weight:400;font-size:1rem;letter-spacing:.5px}.deck-back{background:linear-gradient(145deg,#ffb74a,#ff9b00);color:#2c2c2c;transform:rotateY(180deg);font-size:.7rem;font-weight:200;line-height:1.3em;padding:1em}.deck-card.selected .deck-front,.deck-card.selected .deck-back{box-shadow:0 0 12px gold,0 0 30px gold inset;border:2px solid #ffd700}.create-btn{margin-top:1em;margin-bottom:.5em;background:linear-gradient(90deg,#ff5f9e,#ff7f7f);border:none;border-radius:16px;padding:14px 40px;font-size:17px;font-weight:400;color:#fff;cursor:pointer;transition:transform .2s,opacity .2s}.create-btn:hover{transform:scale(1.05);opacity:.9}.main-container{margin:0;padding:0;height:100vh;overflow:hidden;background:linear-gradient(180deg,#4a00e0,#8e2de2);color:#fff;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;text-align:center}.icon-placeholder{width:6em;height:6em;background:gold;border-radius:1.5em;margin:0 auto 2em;align-content:center;justify-content:center}.icon{align-content:center;width:100%;font-size:3em;margin:0;padding:0}.status-text{font-size:14px;color:#ffb74a;margin-bottom:40px}.join-btn{width:80%;margin-bottom:1em;background:linear-gradient(90deg,#ff5f9e,#ff7f7f);border:none;border-radius:1em;padding:.8em 0;font-size:1rem;font-weight:300;color:#fff;cursor:pointer;transition:transform .2s,opacity .2s}.join-btn:hover{transform:scale(1.05);opacity:.9}.code-boxes{display:grid;grid-template-columns:repeat(6,3em);grid-auto-rows:3em;margin-left:1rem;margin-right:1rem;justify-content:center;gap:10px;margin-bottom:20px}.code-input{border:2px solid #7d4cff;border-radius:10px;text-align:center;font-size:18px;font-weight:700;color:#fff;background:#ffffff1a;outline:none;transition:border-color .2s,background .2s}.code-input:focus{border-color:gold;background:#fff3}.waiting-container{margin:0;padding:0;min-height:100dvh;overflow:hidden;background:linear-gradient(180deg,#4a00e0,#8e2de2);color:#fff;display:grid;grid-template-rows:auto auto 1fr auto;justify-items:center;text-align:center}.room-id{font-size:1rem;color:#ffb74a;margin-bottom:1em}.room-id span{font-weight:400;color:#fff}.player-section{width:100%}.player-section h2{font-size:1rem;margin-bottom:.8em;color:#e0e0e0}.player-list{align-items:center;gap:1em;padding-left:.5em;padding-right:.5em;scrollbar-width:none}.player-list::-webkit-scrollbar{display:none}.player-card{background:#ffffff1a;border:.5em solid transparent;border-radius:1cap;display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:start;margin-bottom:.5em;gap:1em;transition:.2s;box-shadow:0 3px 8px #0003}.player-card:hover{transform:scale(1.03);background:#ffffff26}.player-card.you{padding:.5em;border:2px solid #ffd700;box-shadow:0 0 10px gold}.avatar-placeholder{width:2.5em;height:2.5em;background:#3ca7ff;border-radius:50%}.player-name{font-weight:300;font-size:1rem}.start-btn{margin:.5em 1em 1em;background:linear-gradient(90deg,#ff5f9e,#ff7f7f);border:none;border-radius:14px;padding:14px 40px;font-size:17px;font-weight:400;color:#fff;cursor:pointer;transition:transform .2s,opacity .2s}.start-btn:hover:not(:disabled){transform:scale(1.05);opacity:.9}.start-btn:disabled{opacity:.6;cursor:not-allowed}.loading-text{text-align:center;font-size:18px;margin-top:50px;color:gold}.question-container{margin:0;background:linear-gradient(180deg,#4a00e0,#8e2de2);color:#fff;display:grid;grid-template-rows:auto auto 1fr auto;align-items:center;justify-items:center;min-height:100dvh;text-align:center}.question-label{font-size:1rem;font-weight:200;color:gold;margin-bottom:.5em}.question-text{font-size:1rem;font-weight:300;line-height:1.4em;color:#fff;white-space:pre-line}.answer-section{width:90%;height:80%;align-items:center;gap:1em}.answer-input{width:90%;height:80%;padding:1em;border-radius:1em;border:2px solid #7d4cff;font-size:1rem;color:#fff;background:#ffffff26;outline:none;text-align:center;transition:border-color .2s,background .2s;border-style:dashed}.answer-input:focus{border-color:gold;background:#ffffff40}.answer-input:disabled{opacity:.6;cursor:not-allowed}.submit-btn{background:linear-gradient(90deg,#ff5f9e,#ff7f7f);border:none;border-radius:14px;padding:14px 40px;margin-bottom:20px;text-wrap:balance;font-size:17px;font-weight:400;color:#fff;cursor:pointer;transition:transform .2s,opacity .2s}.submit-btn:hover:not(:disabled){transform:scale(1.05);opacity:.9}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn:hover{transform:scale(1.05);opacity:.9}.waiting-text{margin-bottom:20px;font-size:16px;font-weight:200;color:#ffb74a;margin-top:10px;animation:fadeBlink 1.2s infinite}@media(max-width:480px){.question-card{padding:18px}.question-text{font-size:16px}.answer-input{font-size:15px;padding:12px}.submit-btn{width:80%;font-size:16px}}.answer-container{margin:0;background:linear-gradient(180deg,#4a00e0,#8e2de2);color:#fff;display:grid;grid-template-rows:auto auto 1fr auto;justify-items:center;min-height:100dvh;text-align:center}.question-card{margin-bottom:1em}.question-label{font-size:1rem;font-weight:200;color:gold}.question-text{font-size:1rem;font-weight:300;line-height:1.4em;color:#fff}.answers-section{gap:1em;width:100%;overflow-y:auto;padding:1em 0;scrollbar-width:none}.answers-section::-webkit-scrollbar{display:none}.answer-card{background:#ffffff26;border-radius:.7em;margin-bottom:.5em;margin-right:.5em;margin-left:.5em;padding:.2em .5em;display:grid;grid-template-columns:1fr auto;align-items:center;box-shadow:0 4px 10px #00000040;transition:transform .2s ease,background .2s ease}.answer-card:hover{transform:translateY(-3px);background:#fff3}.answer-card.own-answer{border:2px solid #ffd700;box-shadow:0 0 10px gold}.answer-text{text-align:left;font-size:1rem;font-weight:200;flex:1;color:#fff;word-wrap:break-word;margin-right:1em}.vote-btn{background:linear-gradient(90deg,#ff5f9e,#ff7f7f);border:none;border-radius:12px;padding:6px 10px;font-size:15px;font-weight:300;color:#fff;cursor:pointer;transition:transform .2s,opacity .2s}.vote-btn:hover:not(:disabled){transform:scale(1.05);opacity:.9}.vote-btn:disabled{background:#ffffff4d;color:#ccc;cursor:not-allowed}.waiting-text{margin-top:1em;margin-bottom:1em;font-size:16px;color:#ffb74a;font-weight:200;animation:fadeBlink 1.2s infinite}@keyframes fadeBlink{0%,to{opacity:1}50%{opacity:.4}}.leaderboard-container{margin:0;background:linear-gradient(180deg,#4a00e0,#8e2de2);color:#fff;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;min-height:100dvh;text-align:center}.leaderboard-list{width:100%;overflow-y:auto;padding:1em 0;scrollbar-width:none}.leaderboard-card{background:#ffffff26;border-radius:1em;margin-left:.5em;margin-right:.5em;padding:.2em 1em;margin-bottom:.5em;display:grid;grid-template-columns:auto 1fr auto;align-items:center;box-shadow:0 4px 10px #00000040;transition:transform .2s ease,background .2s ease}.leaderboard-card.winner{background:linear-gradient(135deg,#ffe27a,#ffca28);color:#2c2c2c;border:2px solid #ffd700;box-shadow:0 0 15px gold}.leaderboard-card.you:not(.top-player){border:2px solid #3ca7ff;box-shadow:0 0 12px #3ca7ff}.rank{font-size:20px;font-weight:500;color:gold;width:30px;text-align:left}.crown{font-size:22px}.timer-section{margin-top:20px;font-size:18px;font-weight:200;color:#ffb74a}.timer span{font-weight:400;color:gold}#confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:999}.confetti{position:absolute;top:0;opacity:.9;border-radius:2px;animation:fall 3.5s linear infinite}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.6}}.gameover-container{margin:0;background:linear-gradient(180deg,#4a00e0,#8e2de2);color:#fff;display:flex;flex-direction:column;align-items:center;min-height:100dvh;text-align:center}.gameover-header{width:100%;max-width:400px;display:flex;align-items:center;justify-content:space-between;background:#0003;box-sizing:border-box;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.title{flex:1;text-align:center;margin:0;font-size:16px;font-weight:300}.subtitle{font-size:22px;font-weight:300;color:#ffb74a;margin-bottom:25px}.leaderboard-list{display:flex;flex-direction:column;scrollbar-width:none}.leaderboard-list::-webkit-scrollbar{display:none}.leaderboard-card{background:#ffffff26;border-radius:16px;box-shadow:0 4px 10px #00000040;transition:transform .2s ease,background .2s ease}.leaderboard-card:hover{transform:translateY(-3px);background:#ffffff40}.leaderboard-card.winner{background:linear-gradient(135deg,#ffe27a,#ffca28);color:#2c2c2c;border:2px solid #ffd700;box-shadow:0 0 12px gold}.rank{font-size:20px;font-weight:400;width:30px;color:gold;text-align:left}.name{flex:1;text-align:left;font-weight:300;font-size:17px;margin-left:10px}.points{font-size:15px;font-weight:200;opacity:.9}.home-btn{margin-top:10px;margin-bottom:20px;background:linear-gradient(90deg,#ff5f9e,#ff7f7f);border:none;border-radius:14px;padding:14px 40px;font-size:17px;font-weight:400;color:#fff;cursor:pointer;transition:transform .2s,opacity .2s}.home-btn:hover{transform:scale(1.05);opacity:.9}