.home{flex-direction:column;align-items:center;gap:2.5rem;max-width:440px;margin:0 auto;padding:3rem 1rem;display:flex}.home-header{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.home-header h1{letter-spacing:-.5px;margin:0;font-size:2.4rem;font-weight:900}.home-subtitle{color:var(--color-muted);margin:0;font-size:1rem}.home-modes{flex-direction:column;gap:1rem;width:100%;display:flex}.mode-card{border:2px solid var(--color-border);background:var(--color-card);cursor:pointer;text-align:left;border-radius:18px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.2rem 1.4rem;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex}.mode-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.mode-card-online{border-color:var(--color-primary);background:var(--color-primary-light)}.mode-card-icon{margin-bottom:.2rem;font-size:2rem;line-height:1}.mode-card-title{color:var(--color-text);font-size:1.05rem;font-weight:800}.mode-card-desc{color:var(--color-muted);font-size:.82rem}.lobby{flex-direction:column;align-items:center;gap:2rem;max-width:480px;margin:0 auto;padding:2rem 1rem;display:flex}.lobby-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.lobby-header h1{color:var(--color-text);letter-spacing:-.5px;margin:0;font-size:2.4rem;font-weight:900}.lobby-subtitle{color:var(--color-muted);margin:0;font-size:1rem}.pokeball-icon{border:4px solid var(--color-text);border-radius:50%;flex-direction:column;width:72px;height:72px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000040}.pokeball-top{background:var(--color-red);flex:1}.pokeball-middle{background:var(--color-text);justify-content:center;align-items:center;height:8px;display:flex}.pokeball-button{border:2px solid var(--color-text);background:#fff;border-radius:50%;width:14px;height:14px}.pokeball-bottom{background:#fff;flex:1}.lobby-back-btn{border:1.5px solid var(--color-border);cursor:pointer;color:var(--color-muted);background:0 0;border-radius:8px;align-self:flex-start;padding:.4rem .8rem;font-size:.9rem;transition:background .12s,color .12s}.lobby-back-btn:hover{background:var(--color-card);color:var(--color-text)}.add-player-form{gap:.5rem;width:100%;display:flex}.add-player-form input{border:2px solid var(--color-border);background:var(--color-card);color:var(--color-text);border-radius:12px;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s}.add-player-form input:focus{border-color:var(--color-primary)}.add-player-form button{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:.75rem 1.2rem;font-size:.95rem;font-weight:700;transition:background .15s,opacity .15s}.add-player-form button:disabled{opacity:.45;cursor:not-allowed}.add-player-form button:not(:disabled):hover{background:var(--color-primary-dark)}.player-list{width:100%}.player-list h2{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin:0 0 .75rem;font-size:.85rem}.player-list ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.player-chip{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:12px;align-items:center;gap:.75rem;padding:.6rem .9rem;animation:.18s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.player-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex}.player-num{color:var(--color-muted);flex-shrink:0;font-size:.8rem;font-weight:600}.player-name{flex:1;font-size:1rem;font-weight:600}.remove-btn{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .4rem;font-size:.85rem;line-height:1;transition:background .12s,color .12s}.remove-btn:hover{background:var(--color-danger-bg);color:var(--color-danger)}.start-btn{background:var(--color-yellow);width:100%;color:var(--color-text);cursor:pointer;border:none;border-radius:14px;padding:1rem;font-size:1.1rem;font-weight:800;transition:background .15s,transform .1s,opacity .15s;box-shadow:0 4px #0003}.start-btn:not(:disabled):hover{background:var(--color-yellow-dark);transform:translateY(-1px)}.start-btn:not(:disabled):active{transform:translateY(1px);box-shadow:0 2px #0003}.start-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.game-setup{flex-direction:column;gap:1.5rem;max-width:520px;margin:0 auto;padding:1.5rem 1rem;display:flex}.setup-header{align-items:center;gap:1rem;display:flex}.setup-header h2{margin:0;font-size:1.5rem;font-weight:800}.players-preview{flex-wrap:wrap;gap:.4rem;display:flex}.player-tag{background:var(--color-primary);color:#fff;border-radius:20px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}.setup-card{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.2rem;display:flex}.setup-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:.85rem;font-weight:700}.mode-options{flex-direction:column;gap:.5rem;display:flex}.mode-btn{border:2px solid var(--color-border);background:var(--color-bg);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;padding:.75rem 1rem;transition:border-color .15s,background .15s;display:flex}.mode-btn.active{border-color:var(--color-primary);background:var(--color-primary-light)}.mode-label{color:var(--color-text);font-size:.95rem;font-weight:700}.mode-desc{color:var(--color-muted);margin-top:.1rem;font-size:.8rem}.gen-options{flex-wrap:wrap;gap:.4rem;display:flex}.gen-btn{border:2px solid var(--color-border);background:var(--color-bg);cursor:pointer;color:var(--color-text);border-radius:8px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s}.gen-btn.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.gen-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);margin:.25rem 0 0;font-size:.72rem;font-weight:700}.loading-text,.pool-text{color:var(--color-muted);margin:0;font-size:.8rem}.error-text{color:var(--color-danger);margin:0;font-size:.8rem}.rounds-slider{width:100%;accent-color:var(--color-primary);cursor:pointer;height:6px}.rounds-summary{color:var(--color-muted);font-size:.85rem}.rounds-summary strong{color:var(--color-text)}.launch-btn{background:var(--color-red);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:14px;width:100%;padding:1rem;font-size:1.15rem;font-weight:800;transition:background .15s,transform .1s,opacity .15s;box-shadow:0 4px #00000040}.launch-btn:not(:disabled):hover{background:#c0392b;transform:translateY(-1px)}.launch-btn:not(:disabled):active{transform:translateY(1px);box-shadow:0 2px #00000040}.launch-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.turn-transition{flex-direction:column;align-items:center;gap:1.5rem;max-width:480px;margin:0 auto;padding:2rem 1rem;display:flex}.transition-card{background:var(--color-card);border:1.5px solid var(--color-border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:2rem 1.5rem;animation:.25s popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.player-avatar-large{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;font-weight:900;display:flex;box-shadow:0 4px 16px #00000026}.player-name-large{margin:0;font-size:2rem;font-weight:900}.turn-subtitle{color:var(--color-muted);margin:0;font-size:1rem}.turn-meta{color:var(--color-muted);background:var(--color-bg);border-radius:20px;gap:.5rem;padding:.4rem .9rem;font-size:.85rem;display:flex}.dot{color:var(--color-border)}.ready-btn{background:var(--color-yellow);color:var(--color-text);cursor:pointer;border:none;border-radius:14px;margin-top:.5rem;padding:.85rem 2.5rem;font-size:1.05rem;font-weight:800;transition:background .15s,transform .1s;box-shadow:0 4px #0000002e}.ready-btn:hover{background:var(--color-yellow-dark);transform:translateY(-1px)}.ready-btn:active{transform:translateY(1px);box-shadow:0 2px #0000002e}.scoreboard-mini{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:16px;width:100%;padding:1rem 1.2rem}.scoreboard-mini h3{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin:0 0 .6rem;font-size:.8rem}.scoreboard-mini ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.scoreboard-mini li{border-radius:8px;justify-content:space-between;align-items:center;padding:.35rem .5rem;font-size:.9rem;display:flex}.scoreboard-mini li.current{background:var(--color-primary-light);color:var(--color-primary);font-weight:700}.sb-name{flex:1}.sb-score{font-size:1rem;font-weight:700}.question-screen{flex-direction:column;align-items:center;gap:1.25rem;max-width:560px;margin:0 auto;padding:1.5rem 1rem;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.question-header{flex-direction:column;gap:.4rem;width:100%;display:flex}.q-top-row{justify-content:space-between;align-items:baseline;display:flex}.q-player{font-size:1rem;font-weight:800}.progress-bar{background:var(--color-border);border-radius:4px;height:6px;overflow:hidden}.progress-fill{background:var(--color-primary);border-radius:4px;height:100%;transition:width .3s}.q-count{color:var(--color-muted);white-space:nowrap;font-size:.78rem;font-weight:600}.timer-row{align-items:center;gap:.5rem;display:flex}.timer-bar{background:var(--color-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.timer-fill{border-radius:4px;height:100%;transition:width .9s linear,background .3s}.timer-count{text-align:right;font-variant-numeric:tabular-nums;min-width:1.6rem;font-size:.85rem;font-weight:800;transition:color .3s}.question-prompt{text-align:center;margin:0;font-size:1.3rem;font-weight:700}.question-prompt strong{color:var(--color-primary)}.pokemon-image-container{background:var(--color-card);border:2px solid var(--color-border);border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden}.pokemon-image{object-fit:contain;image-rendering:auto;width:180px;height:180px}.pokemon-image.silhouette{filter:brightness(0)}@media (prefers-color-scheme:dark){.pokemon-image.silhouette{filter:brightness(0)invert()}}.options-grid{gap:.6rem;width:100%;display:grid}.name-options,.picture-options{grid-template-columns:1fr 1fr}.option-btn{border:2.5px solid var(--color-border);background:var(--color-card);cursor:pointer;color:var(--color-text);border-radius:14px;font-weight:700;transition:border-color .12s,background .12s,transform .1s}.option-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px)}.option-btn:active{transform:translateY(0)}.name-btn{text-align:center;padding:.9rem .5rem;font-size:1rem}.type-opt-btn{text-align:center;color:#fff;text-shadow:0 1px 3px #00000059;letter-spacing:.03em;padding:.9rem .5rem;font-size:1rem;font-weight:800}.picture-btn{aspect-ratio:1;justify-content:center;align-items:center;padding:.5rem;display:flex}.option-image{object-fit:contain;width:100%;max-width:130px;height:auto}.round-result{justify-content:center;align-items:center;min-height:60vh;padding:2rem 1rem;display:flex}.result-card{background:var(--color-card);border:3px solid var(--color-border);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:380px;padding:2rem 1.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) bounceIn;display:flex}@keyframes bounceIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.result-card.correct{border-color:var(--color-success)}.result-card.wrong{border-color:var(--color-danger)}.result-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;font-weight:900;display:flex}.result-card.correct .result-icon{background:var(--color-success)}.result-card.wrong .result-icon{background:var(--color-danger)}.result-title{margin:0;font-size:1.8rem;font-weight:900}.result-card.correct .result-title{color:var(--color-success)}.result-card.wrong .result-title{color:var(--color-danger)}.pokemon-reveal{flex-direction:column;align-items:center;gap:.4rem;display:flex}.result-pokemon-img{object-fit:contain;width:140px;height:140px}.result-pokemon-name{margin:0;font-size:1.2rem;font-weight:800}.you-answered{color:var(--color-muted);margin:0;font-size:.9rem}.result-player{background:var(--color-bg);border-radius:20px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:flex}.score-badge{background:var(--color-primary);color:#fff;border-radius:12px;padding:.1rem .6rem;font-size:.8rem;font-weight:700}.next-hint{color:var(--color-muted);margin:0;font-size:.78rem}.next-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.7rem 2rem;font-size:.95rem;font-weight:700;transition:background .15s,transform .1s}.next-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.results{flex-direction:column;align-items:center;gap:2rem;max-width:520px;margin:0 auto;padding:2rem 1rem;display:flex}.results-header{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.trophy-icon{font-size:3rem;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) bounceIn}.results-header h1{margin:0;font-size:2rem;font-weight:900}.results-subtitle{color:var(--color-muted);margin:0;font-size:.9rem}.podium{flex-direction:column;gap:.6rem;width:100%;display:flex}.podium-entry{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:2.2rem 2.4rem 1fr auto;align-items:center;gap:.1rem .75rem;padding:.9rem 1.2rem;animation:.2s both slideIn;display:grid}.podium-entry:first-child{animation-delay:50ms}.podium-entry:nth-child(2){animation-delay:.1s}.podium-entry:nth-child(3){animation-delay:.15s}.podium-entry.rank-0{background:linear-gradient(135deg, var(--color-card), #fefae0);border-color:#f0c03a}@media (prefers-color-scheme:dark){.podium-entry.rank-0{background:linear-gradient(135deg, var(--color-card), #2a2200)}}.podium-rank{text-align:center;grid-row:span 2;font-size:1.3rem}.podium-avatar{background:var(--color-primary);color:#fff;border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:900;display:flex}.podium-name{grid-column:3;font-size:1rem;font-weight:700}.podium-pct{color:var(--color-muted);grid-column:3;font-size:.75rem}.podium-score{text-align:right;grid-area:1/4;font-size:1.6rem;font-weight:900}.podium-label{color:var(--color-muted);text-align:right;text-transform:uppercase;letter-spacing:.05em;grid-area:2/4;font-size:.7rem;font-weight:600}.results-tabs{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:12px;gap:.5rem;width:100%;padding:.3rem;display:flex}.results-tab{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:.55rem 1rem;font-size:.9rem;font-weight:700;transition:background .15s,color .15s}.results-tab.active{background:var(--color-primary);color:#fff}.leaderboard{width:100%;animation:.2s fadeIn}.lb-status{text-align:center;color:var(--color-muted);padding:2rem 0;font-size:.9rem}.lb-error{color:var(--color-danger)}.lb-table{border-collapse:collapse;width:100%;font-size:.9rem}.lb-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);border-bottom:1.5px solid var(--color-border);padding:.4rem .6rem;font-size:.75rem}.lb-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .1s}.lb-table tbody tr:last-child{border-bottom:none}.lb-table tbody tr:hover{background:var(--color-primary-light)}.lb-table td{vertical-align:middle;padding:.55rem .6rem}.lb-top-0 td{font-weight:700}.lb-top-1 td,.lb-top-2 td{font-weight:600}.lb-rank{width:2rem;font-size:1rem}.lb-name{font-weight:600}.lb-score{white-space:nowrap;font-size:1rem;font-weight:800}.lb-denom{color:var(--color-muted);font-size:.75rem;font-weight:400}.lb-mode{color:var(--color-muted);white-space:nowrap;font-size:.8rem}.lb-when{color:var(--color-muted);white-space:nowrap;font-size:.78rem}.results-actions{width:100%}.play-again-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:1rem;font-size:1.1rem;font-weight:800;transition:background .15s,transform .1s;box-shadow:0 4px #0003}.play-again-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.play-again-btn:active{transform:translateY(1px);box-shadow:0 2px #0003}.join-room{flex-direction:column;gap:1.5rem;max-width:440px;margin:0 auto;padding:1.5rem 1rem;display:flex}.join-header{align-items:center;gap:1rem;display:flex}.join-header h2{margin:0;font-size:1.5rem;font-weight:800}.back-btn{border:1.5px solid var(--color-border);cursor:pointer;color:var(--color-muted);background:0 0;border-radius:8px;padding:.4rem .8rem;font-size:.9rem;transition:background .12s,color .12s}.back-btn:hover{background:var(--color-card);color:var(--color-text)}.join-tabs{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:12px;gap:.5rem;padding:.3rem;display:flex}.join-tab{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:.55rem 1rem;font-size:.9rem;font-weight:700;transition:background .15s,color .15s}.join-tab.active{background:var(--color-primary);color:#fff}.join-form{flex-direction:column;gap:.6rem;display:flex}.join-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:.8rem;font-weight:700}.join-form input{border:2px solid var(--color-border);background:var(--color-card);color:var(--color-text);border-radius:12px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s}.join-form input:focus{border-color:var(--color-primary)}.code-input{letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:1.5rem!important;font-weight:800!important}.join-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;margin-top:.4rem;padding:.9rem;font-size:1rem;font-weight:800;transition:background .15s,opacity .15s;box-shadow:0 4px #0003}.join-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.join-btn:not(:disabled):hover{background:var(--color-primary-dark)}.join-error{color:var(--color-danger);text-align:center;background:var(--color-danger-bg);border-radius:10px;padding:.6rem 1rem;font-size:.9rem}.waiting-room{flex-direction:column;gap:1.5rem;max-width:520px;margin:0 auto;padding:1.5rem 1rem;display:flex}.wr-header{align-items:flex-start;gap:1rem;display:flex}.wr-header h2{margin:0;font-size:1.4rem;font-weight:800}.wr-subtitle{color:var(--color-muted);margin:.1rem 0 0;font-size:.82rem}.room-code-card{background:var(--color-primary);color:#fff;text-align:center;border-radius:20px;padding:1.2rem 1.5rem}.room-code-label{text-transform:uppercase;letter-spacing:.08em;opacity:.8;margin:0;font-size:.78rem;font-weight:700}.room-code{letter-spacing:.35em;margin:.2rem 0;font-size:3rem;font-weight:900;line-height:1}.room-code-hint{opacity:.75;margin:0;font-size:.8rem}.wr-players{width:100%}.wr-players h3{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin:0 0 .6rem;font-size:.8rem}.wr-players ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.wr-player-chip{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:12px;align-items:center;gap:.7rem;padding:.5rem .9rem;animation:.18s slideIn;display:flex}.wr-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:900;display:flex}.wr-name{flex:1;font-weight:600}.wr-host-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--color-yellow);color:var(--color-text);border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.wr-config{flex-direction:column;gap:1rem;display:flex}.mp-question{flex-direction:column;align-items:center;gap:1.1rem;max-width:560px;margin:0 auto;padding:1.25rem 1rem;animation:.2s fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mp-q-header{align-items:center;gap:.6rem;width:100%;display:flex}.mp-q-count{color:var(--color-muted);white-space:nowrap;font-size:.78rem;font-weight:700}.mp-timer-bar{background:var(--color-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.mp-timer-fill{border-radius:4px;height:100%;transition:width .9s linear,background .3s}.mp-timer-num{text-align:right;font-variant-numeric:tabular-nums;min-width:1.6rem;font-size:.9rem;font-weight:800;transition:color .3s}.mp-answer-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.mp-dot{background:var(--color-border);border-radius:50%;width:14px;height:14px;transition:background .2s,transform .15s}.mp-dot.answered{transform:scale(1.15)}.mp-dots-label{color:var(--color-muted);margin-left:.3rem;font-size:.75rem}.mp-prompt{text-align:center;margin:0;font-size:1.25rem;font-weight:700}.mp-prompt strong{color:var(--color-primary)}.mp-image-box{background:var(--color-card);border:2px solid var(--color-border);border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden}.mp-pokemon-img{object-fit:contain;width:180px;height:180px}.mp-pokemon-img.silhouette{filter:brightness(0)}@media (prefers-color-scheme:dark){.mp-pokemon-img.silhouette{filter:brightness(0)invert()}}.mp-options{gap:.6rem;width:100%;display:grid}.name-opts,.pic-opts{grid-template-columns:1fr 1fr}.mp-opt-btn{border:2.5px solid var(--color-border);background:var(--color-card);cursor:pointer;color:var(--color-text);border-radius:14px;font-weight:700;transition:border-color .12s,background .12s,transform .1s}.mp-opt-btn:not(:disabled):hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px)}.mp-opt-btn:disabled{cursor:default;opacity:.7}.mp-opt-btn.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.name-opt{text-align:center;padding:.9rem .5rem;font-size:1rem}.pic-opt{aspect-ratio:1;justify-content:center;align-items:center;padding:.5rem;display:flex}.mp-opt-img{object-fit:contain;width:100%;max-width:130px;height:auto}.mp-round-result{flex-direction:column;align-items:center;gap:1.5rem;max-width:520px;margin:0 auto;padding:1.5rem 1rem;animation:.3s cubic-bezier(.34,1.56,.64,1) bounceIn;display:flex}.mp-reveal-header{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:20px;flex-direction:column;align-items:center;gap:.3rem;width:100%;padding:1rem 2rem;display:flex}.mp-reveal-prompt{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.85rem;font-weight:700}.mp-reveal-img{object-fit:contain;width:120px;height:120px}.mp-reveal-name{text-align:center;margin:0;font-size:1.4rem;font-weight:900}.mp-result-table-wrap{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:16px;width:100%;overflow:hidden}.mp-result-table{border-collapse:collapse;width:100%;font-size:.9rem}.mp-result-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);border-bottom:1.5px solid var(--color-border);padding:.5rem .8rem;font-size:.72rem}.mp-result-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .1s}.mp-result-table tbody tr:last-child{border-bottom:none}.row-correct{background:#27ae600f}.row-wrong{background:#e840400d}.row-timeout{opacity:.55}.mp-result-table td{vertical-align:middle;padding:.55rem .8rem}.mpr-player{align-items:center;gap:.5rem;font-weight:600;display:flex}.mpr-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mpr-icon{font-size:1rem;font-weight:900}.mpr-icon.correct{color:var(--color-success)}.mpr-icon.wrong{color:var(--color-danger)}.mpr-icon.timeout{color:var(--color-muted)}.mpr-time{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.mpr-total{text-align:right;font-weight:800}.mp-next-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:.95rem;font-size:1rem;font-weight:800;transition:background .15s,transform .1s;box-shadow:0 4px #0003}.mp-next-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.mp-waiting-hint{color:var(--color-muted);margin:0;font-size:.85rem;font-style:italic}.mp-final{flex-direction:column;align-items:center;gap:2rem;max-width:520px;margin:0 auto;padding:2rem 1rem;display:flex}.mp-final-header{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.trophy{font-size:3rem;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.mp-final-header h1{margin:0;font-size:2rem;font-weight:900}.tiebreaker-note{color:var(--color-muted);background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;margin:0;padding:.3rem .9rem;font-size:.8rem}.mp-podium{flex-direction:column;gap:.6rem;width:100%;display:flex}.mp-podium-entry{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:16px;align-items:center;gap:.75rem;padding:.8rem 1rem;animation:.2s both slideIn;display:flex}.mp-podium-entry:first-child{animation-delay:50ms}.mp-podium-entry:nth-child(2){animation-delay:.1s}.mp-podium-entry:nth-child(3){animation-delay:.15s}.mp-podium-entry.rank-0{background:linear-gradient(135deg, var(--color-card), #fefae0);border-color:#f0c03a}@media (prefers-color-scheme:dark){.mp-podium-entry.rank-0{background:linear-gradient(135deg, var(--color-card), #2a2200)}}.mp-podium-rank{text-align:center;flex-shrink:0;width:2rem;font-size:1.3rem}.mp-podium-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:900;display:flex}.mp-podium-info{flex:1;min-width:0}.mp-podium-name{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.mp-podium-time{color:var(--color-muted);align-items:center;gap:.4rem;margin-top:.1rem;font-size:.75rem;display:flex}.tiebreak-tag{background:var(--color-yellow);color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.05rem .35rem;font-size:.65rem;font-weight:700}.mp-podium-score-col{text-align:right;flex-shrink:0}.mp-podium-score{font-size:1.7rem;font-weight:900;line-height:1}.mp-podium-label{color:var(--color-muted);text-align:right;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.mp-play-again-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:1rem;font-size:1.1rem;font-weight:800;transition:background .15s,transform .1s;box-shadow:0 4px #0003}.mp-play-again-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}:root{--color-bg:#f5f5f5;--color-card:#fff;--color-border:#e2e2e2;--color-text:#1a1a1a;--color-muted:#888;--color-primary:#3d6fe8;--color-primary-dark:#2d5dd8;--color-primary-light:#eef2fd;--color-red:#e84040;--color-yellow:#f5c518;--color-yellow-dark:#e0b000;--color-success:#27ae60;--color-danger:#e84040;--color-danger-bg:#fef2f2}@media (prefers-color-scheme:dark){:root{--color-bg:#111113;--color-card:#1c1c1f;--color-border:#2e2e33;--color-text:#f0f0f0;--color-muted:#888;--color-primary-light:#1a2a4a;--color-danger-bg:#2a1212}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#root{min-height:100vh}.app-shell{min-height:100vh;padding-bottom:2rem}button{font-family:inherit}.type-badge{color:#fff;text-shadow:0 1px 2px #0000004d;letter-spacing:.03em;border-radius:20px;padding:.2rem .7rem;font-size:.8rem;font-weight:700;display:inline-block}.type-badge-lg{border-radius:30px;padding:.4rem 1.2rem;font-size:1.4rem}img{display:block}