:root{--bg-primary: #0A0A0A;--bg-surface: #161616;--bg-elevated: #1a1a1a;--text-primary: #F0E6D6;--text-muted: #6B6560;--color-hero: #E8345A;--color-correct: #2ECDA7;--color-wrong: #E8345A;--color-timer-safe: #2ECDA7;--color-timer-warn: #F5C542;--color-timer-danger: #E8345A;--team-1: #2ECDA7;--team-2: #F5C542;--team-3: #7B6EF6;--team-4: #F28C5A;--team-1-bg: rgba(46, 205, 167, .12);--team-2-bg: rgba(245, 197, 66, .12);--team-3-bg: rgba(123, 110, 246, .12);--team-4-bg: rgba(242, 140, 90, .12);--bg: var(--bg-primary);--surface: var(--bg-surface);--surface-2: var(--bg-elevated);--text: var(--text-primary);--muted: var(--text-muted);--accent: var(--color-hero);--good: var(--color-correct);--warn: var(--color-timer-warn);--bad: var(--color-wrong);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.btn{padding:14px 26px;border-radius:10px;border:2px solid var(--bg-elevated);background:var(--bg-surface);color:var(--text-primary);font-size:16px;font-weight:600;transition:transform .12s,background .2s,border-color .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--color-hero);border-color:var(--color-hero);color:#fff}.btn-primary:hover:not(:disabled){background:#c72a4c;border-color:#c72a4c}.btn-ghost{background:transparent}.btn-large{font-size:20px;padding:18px 40px;border-radius:14px}.screen{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.home{align-items:center;justify-content:center;padding:20px}.home-card{background:var(--bg-surface);border-radius:24px;padding:40px 50px;width:100%;max-width:520px;box-shadow:0 30px 80px #0006;text-align:center;animation:fadeUp .4s ease}.home-title{font-family:var(--font-display);font-size:54px;font-weight:700;letter-spacing:-.5px;color:var(--color-hero);margin:0 0 8px}.globe{display:inline-block;animation:spin 18s linear infinite}.home-tag{color:var(--text-muted);margin:0 0 30px}.home-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.home-form{display:flex;flex-direction:column;gap:10px;text-align:left}.home-form label{font-size:13px;color:var(--text-muted);font-weight:600}.home-form input{background:var(--bg-primary);border:2px solid var(--bg-elevated);color:var(--text-primary);padding:14px 18px;border-radius:10px;font-size:18px;font-family:inherit;outline:none}.home-form input:focus{border-color:var(--color-hero)}.home-footnote{color:var(--text-muted);font-size:13px;margin-top:24px}.error-banner{background:#e8345a26;border:1px solid var(--color-wrong);color:var(--color-wrong);padding:10px 14px;border-radius:10px;margin-top:16px;font-size:14px}.lobby{padding:40px 60px;align-items:center}.lobby-hero{text-align:center;margin-top:20px}.lobby-label{color:var(--text-muted);font-size:14px;letter-spacing:.1em;text-transform:uppercase}.room-code{font-family:var(--font-display);font-size:120px;font-weight:700;letter-spacing:.15em;color:var(--color-hero);margin:8px 0;text-shadow:0 8px 40px rgba(232,52,90,.4)}.lobby-instruction{color:var(--text-muted)}.lobby-players{margin-top:40px;width:100%;max-width:900px}.section-title{font-family:var(--font-display);font-size:24px;margin-bottom:14px}.badge{background:var(--bg-elevated);border-radius:999px;padding:2px 12px;font-size:14px;margin-left:8px;color:var(--text-muted)}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.player-chip{background:var(--bg-surface);padding:10px 14px;border-radius:10px;display:flex;align-items:center;gap:8px;font-weight:500;border:2px solid transparent;animation:fadeUp .3s ease}.player-chip.me{border-color:var(--color-hero)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.admin-tag,.you-tag{background:var(--bg-elevated);color:var(--text-muted);font-size:11px;padding:2px 6px;border-radius:4px;margin-left:auto}.you-tag{color:var(--color-hero)}.lobby-footer{margin-top:30px}.waiting{color:var(--text-muted);font-style:italic;font-size:18px}.team-reveal{padding:30px;align-items:center;justify-content:center}.reveal-title{font-family:var(--font-display);font-size:48px;margin-bottom:30px}.reveal-sub{color:var(--text-muted);margin-top:30px;font-style:italic}.teams-grid{display:grid;gap:16px;width:100%;max-width:1100px}.team-column{background:var(--bg-surface);padding:20px;border-radius:12px;min-height:200px;animation:fadeUp .5s ease backwards}.team-name{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:12px}.team-member{padding:8px 12px;background:var(--bg-primary);border-radius:8px;margin-bottom:6px;display:flex;justify-content:space-between;animation:fadeUp .4s ease backwards}.team-member.me{outline:2px solid var(--color-hero)}.round-intro{align-items:center;justify-content:center}.ri-card{text-align:center;animation:fadeUp .4s ease}.ri-round{font-family:var(--font-display);font-size:22px;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase}.ri-icon{font-size:120px;margin:10px 0}.ri-name{font-family:var(--font-display);font-size:56px;font-weight:700}.ri-desc{color:var(--text-muted);font-size:20px;max-width:640px;margin:20px auto 0}.game{padding:0}.top-bar{height:70px;background:var(--bg-surface);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;gap:20px;border-bottom:1px solid var(--bg-elevated)}.team-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-weight:600;color:#fff;background:var(--bg-elevated);max-width:max-content}.team-badge-dot{width:8px;height:8px;border-radius:50%;background:#fffc}.top-center{text-align:center}.round-indicator{font-family:var(--font-display);font-size:14px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.round-name{font-family:var(--font-display);font-size:20px;font-weight:700}.timer{position:relative;display:flex;align-items:center;justify-content:center;justify-self:end;width:52px;height:52px}.timer-text{position:absolute;font-family:var(--font-display);font-weight:700;font-size:18px}.puzzle-area{flex:1 1 0;display:flex;align-items:center;justify-content:center;position:relative;padding:20px;min-height:0}.puzzle-stage{width:min(60vh,560px);height:min(60vh,560px);min-width:400px;min-height:400px;background:var(--bg-surface);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 10px 40px #0000004d;display:flex;align-items:center;justify-content:center}.score-popup{position:absolute;top:20px;left:50%;transform:translate(-50%);background:var(--bg-surface);padding:12px 24px;border-radius:10px;font-family:var(--font-display);font-size:20px;font-weight:700;animation:popIn .3s ease;z-index:10;box-shadow:0 10px 30px #00000080}.pop-good{background:var(--color-correct);color:#fff}.pop-bad{background:var(--color-wrong);color:#fff}.answer-area{padding:10px 40px 16px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1100px;margin:0 auto}.answer-btn{display:flex;align-items:center;gap:14px;padding:18px 22px;min-height:64px;background:var(--bg-surface);border:2px solid var(--bg-elevated);border-radius:12px;color:var(--text-primary);font-size:18px;font-weight:600;text-align:left;transition:background .15s,border-color .15s,transform .1s,opacity .25s}.answer-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-hero)}.answer-btn .answer-letter{display:inline-flex;width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);color:var(--text-primary);align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;flex-shrink:0}.answer-btn.selected{color:#fff}.answer-btn.selected .answer-letter{background:#ffffff4d;color:#fff}.answer-btn.correct{background:var(--color-correct)!important;border-color:var(--color-correct)!important;color:#fff!important}.answer-btn.correct .answer-letter{background:#ffffff4d;color:#fff}.answer-btn.wrong{background:var(--color-wrong)!important;border-color:var(--color-wrong)!important;color:#fff!important}.answer-btn.wrong .answer-letter{background:#ffffff4d;color:#fff}.answer-btn.faded{opacity:.35}.lock{margin-left:auto;font-size:14px;opacity:.9}@media (max-width: 900px){.answers{grid-template-columns:1fr}}.team-score-bar{height:54px;background:var(--bg-surface);border-top:1px solid var(--bg-elevated);display:flex;align-items:center;padding:0 24px;gap:24px;overflow:hidden}.score-entry{flex:1;display:flex;flex-direction:column;gap:4px;min-width:120px}.score-entry-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.score-dot{width:8px;height:8px;border-radius:50%}.score-name{color:var(--text-muted)}.score-total{margin-left:auto;font-family:var(--font-display);font-weight:700;color:var(--text-primary)}.score-track{width:100%;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.score-fill{height:100%;border-radius:3px;transition:width .7s ease}.scrambled-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;gap:2px;background:var(--bg-elevated)}.tile{background-repeat:no-repeat;width:100%;height:100%}.zoom-reveal{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-primary)}.zoom-inner{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;will-change:transform}.pixel-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:var(--bg-surface)}.pixel-missing{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--color-wrong);font-family:var(--font-display);font-size:20px;background:var(--bg-surface);text-align:center;padding:24px}.pixel-missing-hint{color:var(--text-muted);font-family:var(--font-body);font-size:14px;font-weight:400}.pixel-missing code{background:var(--bg-primary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-size:13px}.spot-diff{position:relative;width:100%;height:100%}.spot-image{width:100%;height:100%;object-fit:contain;display:block}.spot-hint{position:absolute;border-radius:50%;background:radial-gradient(circle,#f5c54259,#f5c54200 70%);pointer-events:none;animation:hintPulse 1s ease-in-out infinite}.leaderboard{padding:40px 60px;align-items:center;justify-content:center}.lb-title{font-family:var(--font-display);font-size:46px}.lb-sub{color:var(--text-muted);font-size:22px;margin:10px 0 30px}.lb-sub strong{color:var(--color-hero)}.lb-bars{width:100%;max-width:900px;display:flex;flex-direction:column;gap:14px}.lb-row{display:grid;grid-template-columns:40px 200px 1fr 110px;align-items:center;gap:14px;background:var(--bg-surface);padding:12px 18px;border-radius:12px}.lb-row.mine{box-shadow:0 0 0 2px var(--color-hero);animation:pulseGlow 1.6s ease-in-out infinite}.lb-rank{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-muted)}.lb-name{font-family:var(--font-display);font-size:22px;font-weight:700}.lb-track{height:18px;background:var(--bg-elevated);border-radius:9px;overflow:hidden}.lb-fill{height:100%;border-radius:9px;animation:grow .8s ease}.lb-score{text-align:right;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--text-primary)}.lb-round-delta{display:block;font-size:13px;color:var(--color-correct);font-weight:600}.final-results{align-items:center;justify-content:flex-start;padding:40px 20px;overflow:auto;position:relative}.confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.final-title{font-family:var(--font-display);font-size:52px;font-weight:700;letter-spacing:-.5px;color:var(--color-hero);margin-bottom:30px;z-index:1}.podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;z-index:1;margin-bottom:30px}.podium-block{width:160px;border-radius:14px 14px 0 0;padding:14px;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;animation:riseUp .6s ease backwards;box-shadow:0 -8px 24px #0000004d}.podium-rank{font-family:var(--font-display);font-size:34px;font-weight:700}.podium-name{font-family:var(--font-display);font-size:18px}.podium-score{margin-top:auto;font-family:var(--font-display);font-size:22px;font-weight:700}.mvp-card{background:var(--bg-surface);padding:20px 30px;border-radius:16px;text-align:center;box-shadow:0 8px 30px #0006;z-index:1}.mvp-label{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;font-size:13px}.mvp-name{font-family:var(--font-display);font-size:32px;margin:6px 0}.mvp-team{color:var(--text-muted)}.mvp-points{font-family:var(--font-display);font-size:22px;color:var(--color-timer-warn);margin-top:6px;font-weight:700}.final-table{background:var(--bg-surface);margin-top:24px;padding:18px 24px;border-radius:12px;width:100%;max-width:520px;z-index:1}.final-table-title{color:var(--text-muted);font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.final-row{display:grid;grid-template-columns:40px 1fr 100px;align-items:center;padding:8px 0;border-bottom:1px solid var(--bg-elevated)}.final-row:last-child{border-bottom:none}.final-rank{color:var(--text-muted);font-family:var(--font-display);font-weight:700}.final-name{font-family:var(--font-display);font-weight:700}.final-score{text-align:right;font-family:var(--font-display);font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes grow{0%{width:0!important}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 2px var(--color-hero)}50%{box-shadow:0 0 0 4px var(--color-hero),0 0 20px #e8345a66}}@keyframes riseUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hintPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}