.register-form{display:flex;flex-direction:column;align-items:center;padding-top:32px}.name-input{color:#000;background-color:#fff;-webkit-appearance:none;appearance:none;margin:8px;width:240px;font-size:24px;padding:16px;border-radius:16px;border-style:hidden}.name-input::placeholder{color:#888}.join-button{margin:32px 8px;font-size:28px;border-radius:16px;background-color:var(--button-correct-answer-color)}.join-button:disabled{background-color:var(--button-background-color)}.error-message{color:red;font-size:20px}.question-container{padding-left:10px;padding-right:10px;display:flex;flex-direction:column;column-gap:12px;row-gap:12px;font-size:32px}.question-container button{margin-left:12px;margin-right:12px;border-radius:16px;background-color:var(--button-primary-color)}.question-placed-container{padding-left:10px;padding-right:10px;display:flex;flex-direction:column;column-gap:12px;row-gap:12px;font-size:32px}.question-placed-container button{margin-left:12px;margin-right:12px;border-radius:16px;background-color:var(--button-primary-color);cursor:not-allowed;opacity:.5}.question-placed-container button.selected-green{background-color:var(--button-correct-answer-color);opacity:1;border:3px solid #059669}.question-placed-container button.selected-blue{background-color:#3b82f6;opacity:1;border:3px solid #1d4ed8}.question-placed-container button.selected-white{background-color:#fff;color:#1a1a2e;opacity:1;border:3px solid #e2e8f0}.question-placed-container button.selected-amber{background-color:#f59e0b;opacity:1;border:3px solid #d97706}.question-placed-container button.selected-checkmark{background-color:var(--button-primary-color);opacity:1;border:3px solid #6366f1;position:relative}.question-placed-container button.selected-checkmark:after{content:"✓";position:absolute;right:12px;font-size:24px}.status-message{text-align:center;color:#888;margin-top:20px;font-size:18px}.standings-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;gap:48px}.stat-section{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-section .icon{font-size:48px;margin-bottom:8px}.stat-section .label{font-size:18px;font-weight:600;color:#94a3b8;letter-spacing:.1em;text-transform:uppercase}.stat-section .value{font-size:64px;font-weight:700;color:var(--text-color);line-height:1}.stat-section.position .value{color:#fbbf24}.stat-section.score .value{color:#60a5fa}.end-standings-container{display:flex;flex-direction:column;align-items:center;gap:24px}.place-text{font-size:28px;font-weight:700}.killed-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;gap:24px}.killed-container h1{font-size:2rem;margin:0}.killed-container .reason{font-size:1.2rem;margin:0;opacity:.8}.next-game-section{text-align:center}.join-next-button{background-color:var(--button-correct-answer-color);color:#fff;padding:12px 24px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.join-next-button:hover{background-color:#059669}.waiting-section{text-align:center;padding:16px;background-color:var(--button-background-color);border-radius:8px;color:#94a3b8}.waiting-section p{margin:0;font-style:italic}.answer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;transition:background-color .3s ease}.answer-container.correct{background-color:#22c55e1a}.answer-container.incorrect{background-color:#ef44441a}.feedback-section{text-align:center;margin-bottom:32px}.feedback-message{font-size:48px;font-weight:700;margin-bottom:8px}.answer-container.correct .feedback-message{color:#22c55e}.answer-container.incorrect .feedback-message{color:#ef4444}.points{font-size:24px;color:#64748b}.answer-section{display:flex;flex-direction:column;gap:16px;max-width:600px;width:100%}.your-answer,.correct-answer{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background-color:#ffffff0d}.label{font-size:16px;color:#94a3b8;font-weight:500}.answer-text{font-size:20px;font-weight:600}.correct-answer .answer-text{color:#22c55e}.waiting-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;gap:16px;text-align:center}.waiting-container .icon{font-size:80px;animation:pulse 2s infinite}.waiting-container .title{font-size:48px;font-weight:700;color:var(--text-color);margin-bottom:8px}.waiting-container .subtitle{font-size:24px;color:#94a3b8;margin-bottom:16px}.waiting-container .message{font-size:20px;font-weight:600;color:#60a5fa}.waiting-start-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;gap:16px;text-align:center}.waiting-start-container .icon{font-size:80px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.waiting-start-container .title{font-size:48px;font-weight:700;color:var(--text-color);margin-bottom:8px}.waiting-start-container .username-badge{font-size:24px;font-weight:600;color:var(--button-correct-answer-color);background-color:var(--button-background-color);border-radius:12px;padding:8px 24px}.waiting-start-container .subtitle{font-size:20px;color:#94a3b8;margin-bottom:16px}.question-number-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.question-badge{background:#646cff;padding:16px 32px;border-radius:16px}.question-text{font-size:60px;font-weight:600}.waiting-app-container{display:flex;flex-direction:column;align-items:center}.player-count{font-size:48px}.waiting-text{font-size:48px;text-align:center}.qr-placeholder{padding:20px;background:#fff;border-radius:8px}.waiting-app-container button{background-color:var(--button-correct-answer-color);color:#fff;font-size:48px}.waiting-app-container p{font-size:24px}.answer-container{display:flex;flex-direction:column;row-gap:32px;padding-top:32px;margin-left:64px;margin-right:64px}.answer-container button{color:#fff;cursor:default;font-size:24px;padding:16px;border-radius:8px}.answer-container button:hover{border-color:transparent}.answer-shown{visibility:visible}.answer-hidden button span{visibility:hidden}.number-answers-container{position:absolute;bottom:20px;left:64px;padding-top:48px;font-size:22px}.time-left-container{padding-top:48px;font-size:22px;text-align:center}.time-left-container span{padding:8px 16px;display:inline-block;min-width:120px;border-radius:50px;background-color:var(--button-background-color)}.question-text{font-size:28px;padding:20px;text-align:center}.admin-answer-container{display:flex;flex-direction:column;row-gap:32px;padding-top:32px;margin-left:64px;margin-right:64px}.admin-answer-container button{color:#fff;font-size:24px;padding:16px;border:none;border-radius:8px}.admin-answer-container button:hover{border-color:transparent;cursor:default}.admin-answer-container button.correct{background-color:var(--button-correct-answer-color)}.next-container{padding-top:48px;text-align:center}.admin-standings-container{margin-top:32px;display:flex;flex-direction:column;align-items:center;margin-left:32px;margin-right:32px;row-gap:32px}.header-section{display:flex;flex-direction:column;align-items:center;gap:16px}.trophy-icon{font-size:64px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.admin-standings-container h1{margin:0;font-size:32px;color:var(--text-color)}.admin-standings-container table{width:500px;border:1px solid #334155;font-size:28px;border-collapse:collapse}.admin-standings-container th{text-align:left;background-color:var(--button-background-color);padding:12px;border:1px solid #334155}.admin-standings-container td{border:1px solid #334155;background-color:var(--button-background-color);text-align:left;padding:12px}.rank-cell{text-align:center;font-weight:700}.score-cell{text-align:right;font-weight:600}.top-three{background-color:#ffd7001a!important}.top-three td{background-color:#ffd7001a}.admin-standings-container button{margin-top:16px}.next-button{font-size:24px;min-width:160px}.hint{margin-top:16px;color:#fff9;font-size:14px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.podium-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:20px}.podium-title{font-size:48px;margin-bottom:60px;text-align:center;color:#fff}.podium{display:flex;align-items:flex-end;justify-content:center;gap:20px;height:350px}.podium-slot{display:flex;flex-direction:column;align-items:center;width:150px}.player-info{display:flex;flex-direction:column;align-items:center;margin-bottom:12px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.player-info.visible{opacity:1;transform:translateY(0)}.podium .medal{font-size:48px;margin-bottom:8px}.podium .name{font-size:24px;font-weight:700;color:#fff;text-align:center;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium .score{font-size:18px;color:#94a3b8;margin-top:4px}.bar{width:120px;border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;position:relative}.podium-rank{font-size:36px;font-weight:700;color:#0000004d}.gold{background:linear-gradient(180deg,gold,#b8860b);box-shadow:0 0 30px #ffd70080}.silver{background:linear-gradient(180deg,silver,gray);box-shadow:0 0 20px #c0c0c066}.bronze{background:linear-gradient(180deg,#cd7f32,#8b4513);box-shadow:0 0 20px #cd7f3266}.first .bar{width:140px}.podium.two-players{gap:40px}.podium.two-players .podium-slot{width:180px}.podium.two-players .bar{width:150px}.podium.two-players .first .bar{width:170px}.scoreboard-container{width:100%;max-width:600px;margin:0 auto;padding:24px}.scoreboard-container .title{text-align:center;font-size:28px;color:#fff;margin-bottom:24px}.scoreboard{display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;padding:16px 20px;border:1px solid #334155;animation:slideIn .4s ease forwards;animation-delay:var(--delay);opacity:0;transform:translate(-20px)}.player-row.top-three{border-color:var(--rank-color);box-shadow:0 0 20px color-mix(in srgb,var(--rank-color) 30%,transparent)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.rank{width:50px;display:flex;align-items:center;justify-content:center}.medal{font-size:28px}.rank-number{font-size:18px;font-weight:700;color:#64748b;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#1e293b;border-radius:50%}.player-name{flex:1;font-size:18px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row.top-three .player-name{color:var(--rank-color)}.player-score{font-size:16px;font-weight:500;color:#94a3b8;min-width:100px;text-align:right}.player-row.top-three .player-score{color:#fff}.admin-end-main{display:flex;flex-direction:column;align-items:center;min-height:100vh}.winner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.winner{display:flex;flex-direction:column;align-items:center;gap:12px}.end-medal{font-size:80px}.winner-name{font-size:36px;font-weight:700;color:#fff}.winner-label{font-size:24px;color:gold}.post-podium{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.post-podium.fade-in{animation:fadeIn .5s ease}.buttons-container{display:flex;gap:16px;padding:24px;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.buttons-container button{padding:12px 24px;font-size:18px;border-radius:8px;cursor:pointer}html{background-color:#0f172a}:root{--text-color: rgba(255, 255, 255, .87);--background-color: #0f172a;--button-background-color: #1e293b;--button-primary-color: #6366f1;--button-correct-answer-color: #10b981;--button-hover-border-color: #646cff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100svh;overflow-x:hidden;overflow-y:auto}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;text-align:center}main{width:100%;display:flex;flex-direction:column;max-width:1280px;margin:0 auto;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-background-color);color:var(--text-color);cursor:pointer;transition:border-color .25s}#app button:hover,button:hover{border-color:var(--button-hover-border-color)}#app button:focus,button:focus,#app button:focus-visible,button:focus-visible{outline:4px auto -webkit-focus-ring-color}
