body.game-masaba{--cream: #fdf6e8;--cream-2: #f5ead0;--magenta: #e8195a;--magenta-l: #ff4d7e;--gold: #fcc162;--gold-l: #ffc444;--teal: #1a7a6e;--teal-l: #2aaa98;--ink: #1a1208;--ink-2: #3a2e1a;--body: #4a3e28;--quiet: #8a7a5a;--rule: #d4c4a0;--white: #ffffff;--primary: var(--teal);--primary-dark: #0d5c52;--primary-light: var(--teal-l);--secondary: var(--gold);--secondary-dark: #c07800;--success: var(--teal);--error: #c41e3a;--bg-dark: var(--cream);--bg-card: var(--white);--bg-card-light: var(--cream-2);--text-primary: var(--ink);--text-secondary: var(--body);--text-muted: var(--quiet);--border: var(--rule);--glow-primary: rgba(26, 122, 110, .2);--glow-secondary: rgba(252, 193, 98, .3);--radius: 12px;--radius-lg: 16px;--radius-sm: 8px;font-family:DM Sans,sans-serif;color:var(--body);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;padding:0;min-height:100vh}body.game-masaba #root{min-height:100vh}body.game-masaba h1,body.game-masaba h2,body.game-masaba h3{font-family:Fraunces,serif;color:var(--ink)}body.game-masaba .btn{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;padding:14px 28px;border-radius:var(--radius);border:none;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.2}body.game-masaba .btn-primary{background:var(--gold);color:var(--ink);border:none;border-bottom:4px solid #c07800;box-shadow:3px 3px 0 var(--ink);font-weight:700}body.game-masaba .btn-primary:hover:not(:disabled){background:var(--gold-l);transform:translateY(-2px);border-bottom-width:3px;box-shadow:4px 4px 0 var(--ink)}body.game-masaba .btn-primary:active:not(:disabled){transform:translateY(1px);border-bottom-width:1px}body.game-masaba .btn-secondary{background:var(--cream-2);color:var(--ink);border:2px solid var(--ink)}body.game-masaba .btn-secondary:hover:not(:disabled){background:var(--ink);color:var(--cream)}body.game-masaba .btn-ghost{background:transparent;color:var(--body);border:none}body.game-masaba .btn-ghost:hover{color:var(--ink);background:#1a12080f}body.game-masaba .input-field{font-family:DM Sans,sans-serif;font-size:1rem;background:var(--white);border:2px solid var(--ink);color:var(--ink);padding:12px 16px;border-radius:var(--radius);outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}body.game-masaba .input-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1a7a6e33}body.game-masaba .input-field::placeholder{color:var(--quiet)}.surgeon-app{min-height:100vh;display:flex;flex-direction:column}.surgeon-main{flex:1;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative;animation:screenIn .35s cubic-bezier(.16,1,.3,1)}@keyframes screenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.landing-screen{text-align:center;gap:20px}.landing-icon{font-size:4rem;margin-bottom:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.landing-title{font-family:Fraunces,serif;font-size:3rem;font-weight:900;color:var(--ink);letter-spacing:-.02em;margin:0;line-height:1.1}.landing-title .accent{color:var(--magenta)}.landing-subtitle{font-size:1.15rem;color:var(--body);margin:4px 0 24px;max-width:400px}.landing-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.landing-buttons .btn{width:100%}.landing-divider{display:flex;align-items:center;gap:12px;width:100%;max-width:320px;color:var(--quiet);font-size:.85rem}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:var(--rule)}.difficulty-screen{text-align:center;gap:16px}.difficulty-screen h2{font-size:2rem;margin:0}.difficulty-screen p{color:var(--body);margin:0 0 16px}.difficulty-cards{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.difficulty-card{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-lg);padding:20px 24px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:left;box-shadow:4px 4px 0 var(--ink)}.difficulty-card:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--ink)}.difficulty-card:active{transform:translateY(1px);box-shadow:2px 2px 0 var(--ink)}.difficulty-card h3{margin:0 0 4px;font-size:1.1rem}.difficulty-card p{margin:0;font-size:.9rem;color:var(--quiet)}.difficulty-card.easy{border-left:6px solid var(--teal)}.difficulty-card.medium{border-left:6px solid var(--gold)}.difficulty-card.hard{border-left:6px solid var(--magenta)}.lobby-screen{text-align:center;gap:20px}.lobby-screen h2{font-size:1.8rem;margin:0}.room-code-box{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-lg);padding:24px 40px;box-shadow:6px 6px 0 var(--ink);text-align:center}.room-code-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--quiet);margin-bottom:4px}.room-code-value{font-family:Fraunces,serif;font-size:2.5rem;font-weight:900;color:var(--teal);letter-spacing:.15em}.player-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:400px}.player-chip{background:var(--cream-2);border:2px solid var(--ink);border-radius:50px;padding:8px 18px;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:6px}.player-chip .avatar{width:24px;height:24px;border-radius:50%;background:var(--gold);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:.7rem}.lobby-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.join-screen{text-align:center;gap:16px}.join-screen h2{font-size:2rem;margin:0}.join-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.join-error{color:var(--error);font-size:.9rem;font-weight:500;padding:8px;background:#c41e3a14;border-radius:var(--radius-sm)}.pregame-screen{text-align:center;gap:20px}.countdown-number{font-family:Fraunces,serif;font-size:8rem;font-weight:900;color:var(--teal);text-shadow:0 0 40px rgba(26,122,110,.3);animation:countPop .5s cubic-bezier(.34,1.56,.64,1);line-height:1}.countdown-go{font-family:Fraunces,serif;font-size:5rem;font-weight:900;color:var(--magenta);animation:countPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes countPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.round-intro-screen{text-align:center;gap:12px}.round-number-badge{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--quiet)}.round-name{font-family:Fraunces,serif;font-size:3rem;font-weight:900;color:var(--teal);margin:0;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.round-subtitle{font-size:1.1rem;color:var(--body);margin:0;animation:slideUp .5s .1s cubic-bezier(.16,1,.3,1) both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-screen{padding:24px 20px 20px;gap:16px;justify-content:flex-start}.question-top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:700px;margin-bottom:4px}.surgeon-hearts{display:flex;gap:6px}.heart{font-size:1.5rem;transition:all .3s}.heart.lost{opacity:.2;transform:scale(.8);filter:grayscale(1)}.heart.losing{animation:heartBreak .5s cubic-bezier(.16,1,.3,1)}@keyframes heartBreak{0%{transform:scale(1)}30%{transform:scale(1.3) rotate(-10deg)}60%{transform:scale(.5) rotate(10deg);opacity:.5}to{transform:scale(.8);opacity:.2}}.question-info{font-size:.85rem;color:var(--quiet);font-weight:500;text-align:center}.surgeon-streak{display:flex;align-items:center;gap:4px;font-weight:700;color:var(--gold);font-size:1rem}.surgeon-streak.hot{color:var(--magenta);animation:streakGlow .6s ease-in-out infinite alternate}@keyframes streakGlow{0%{text-shadow:0 0 4px rgba(232,25,90,.3)}to{text-shadow:0 0 12px rgba(232,25,90,.6)}}.surgeon-timer{width:100%;max-width:700px;height:8px;background:var(--cream-2);border-radius:4px;border:1px solid var(--ink);overflow:hidden}.surgeon-timer-fill{height:100%;border-radius:3px;transition:width .1s linear;background:linear-gradient(90deg,var(--teal),var(--gold))}.surgeon-timer.urgent .surgeon-timer-fill{background:linear-gradient(90deg,var(--gold),var(--magenta))}.surgeon-timer.critical .surgeon-timer-fill{background:var(--magenta);animation:timerPulse .5s ease-in-out infinite alternate}@keyframes timerPulse{0%{opacity:.8}to{opacity:1}}.surgeon-instruction{font-size:.95rem;color:var(--body);text-align:center;margin:0;font-style:italic}.surgeon-sentence-container{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:6px 6px 0 var(--ink);width:100%;max-width:700px;position:relative;overflow:hidden}.surgeon-sentence-container:before{content:"";display:block;height:8px;margin:-32px -28px 24px;background:linear-gradient(90deg,var(--magenta) 0% 20%,var(--gold) 20% 40%,var(--teal) 40% 60%,var(--magenta) 60% 80%,var(--gold) 80% 100%)}.surgeon-sentence{display:flex;flex-wrap:wrap;gap:6px 4px;justify-content:center;line-height:2.2}.surgeon-word{font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:500;color:var(--ink);background:transparent;border:2px solid transparent;border-radius:6px;padding:4px 8px;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.surgeon-word:hover:not(.disabled){background:#1a7a6e14;border-color:var(--teal-l);transform:translateY(-1px)}.surgeon-word:active:not(.disabled){transform:translateY(0)}.surgeon-word.disabled{cursor:default;opacity:.85}.surgeon-word.error-glow{animation:corruptionSpread 2s ease-in-out infinite}@keyframes corruptionSpread{0%{text-shadow:none;color:var(--ink)}30%{text-shadow:0 0 4px rgba(196,30,58,.2);color:var(--ink)}50%{text-shadow:0 0 8px rgba(196,30,58,.35);color:#8a2020}70%{text-shadow:0 0 4px rgba(196,30,58,.2);color:var(--ink)}to{text-shadow:none;color:var(--ink)}}.surgeon-word.error-glow-delay-1{animation-delay:.3s}.surgeon-word.error-glow-delay-2{animation-delay:.6s}.surgeon-word.selected{background:var(--gold);border-color:var(--ink);color:var(--ink);font-weight:700;transform:scale(1.05);box-shadow:2px 2px 0 var(--ink)}.surgeon-word.correct-word{background:var(--teal);border-color:var(--ink);color:var(--white);font-weight:700;animation:correctPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.05)}}.surgeon-word.wrong-word{background:#c41e3a26;border-color:var(--error);color:var(--error);animation:wrongShake .4s ease-in-out}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.surgeon-no-error-btn{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;color:var(--teal);background:#1a7a6e14;border:2px dashed var(--teal);border-radius:var(--radius);padding:12px 28px;cursor:pointer;transition:all .18s;margin-top:8px}.surgeon-no-error-btn:hover{background:#1a7a6e26;transform:translateY(-1px)}.surgeon-fix-options{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.surgeon-fix-label{font-size:.9rem;font-weight:600;color:var(--quiet);text-align:center;text-transform:uppercase;letter-spacing:.08em}.surgeon-fix-option{font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:500;color:var(--ink);background:var(--cream-2);border:2px solid var(--ink);border-radius:var(--radius);padding:14px 20px;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);text-align:center}.surgeon-fix-option:hover:not(.disabled){background:var(--white);border-color:var(--teal);color:var(--teal);box-shadow:2px 2px 0 var(--ink);transform:translateY(-1px)}.surgeon-fix-option.correct{background:var(--teal);border-color:var(--ink);color:var(--white);font-weight:700}.surgeon-fix-option.incorrect{background:#c41e3a1f;border-color:var(--error);color:var(--error)}.surgeon-fix-option.disabled{cursor:default;opacity:.7}.feedback-screen{text-align:center;gap:16px}.feedback-result{font-size:3rem;animation:countPop .4s cubic-bezier(.34,1.56,.64,1)}.feedback-message{font-family:Fraunces,serif;font-size:1.6rem;font-weight:700;color:var(--ink);margin:0}.feedback-message.correct{color:var(--teal)}.feedback-message.incorrect{color:var(--error)}.feedback-card{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-lg);padding:24px;box-shadow:6px 6px 0 var(--ink);max-width:500px;width:100%;text-align:left}.feedback-card.correct-card{border-color:var(--teal)}.feedback-card.incorrect-card{border-color:var(--error)}.feedback-sentence{font-size:1.05rem;line-height:1.7;margin-bottom:12px;color:var(--ink)}.feedback-sentence .corrected{color:var(--teal);font-weight:700;text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:3px}.feedback-explanation{font-size:.95rem;color:var(--body);line-height:1.6;padding-top:12px;border-top:1px solid var(--rule)}.feedback-points{font-size:1.2rem;font-weight:700;color:var(--gold);margin-top:8px}.feedback-points.zero{color:var(--error)}.feedback-streak-bonus{font-size:.95rem;color:var(--magenta);font-weight:600}.leaderboard-screen{text-align:center;gap:16px;max-width:500px;width:100%;margin:0 auto}.leaderboard-screen h2{font-size:2rem;margin:0;background:linear-gradient(135deg,var(--gold),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-rows{display:flex;flex-direction:column;gap:8px;width:100%}.leaderboard-row{display:flex;align-items:center;gap:12px;background:var(--white);border:3px solid var(--ink);border-radius:var(--radius);padding:14px 18px;box-shadow:4px 4px 0 var(--ink);transition:all .3s}.leaderboard-row.is-local{border-color:var(--teal);background:#1a7a6e0f}.leaderboard-row.is-leader{border-color:var(--gold);background:#fcc1621f}.lb-rank{font-family:Fraunces,serif;font-size:1.3rem;font-weight:900;color:var(--ink);min-width:32px}.lb-avatar{width:36px;height:36px;border-radius:50%;background:var(--gold);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:1rem}.lb-name{font-family:Fraunces,serif;font-size:1.05rem;font-weight:600;color:var(--ink);flex:1;text-align:left}.lb-score{font-size:1.1rem;font-weight:700;color:var(--teal)}.you-tag{font-size:.7rem;font-weight:700;background:var(--teal);color:var(--white);border-radius:4px;padding:2px 6px;text-transform:uppercase;letter-spacing:.05em}.podium-screen{text-align:center;gap:20px}.podium-title{font-family:Fraunces,serif;font-size:2.5rem;font-weight:900;margin:0;background:linear-gradient(135deg,var(--gold),var(--magenta),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.podium-container{display:flex;align-items:flex-end;gap:12px;justify-content:center}.podium-block{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:4px 4px 0 var(--ink);width:100px}.podium-block.first{background:linear-gradient(180deg,var(--gold),rgba(252,193,98,.85));min-height:180px}.podium-block.second{background:linear-gradient(180deg,var(--teal-l),rgba(26,122,110,.7));min-height:140px;color:var(--white)}.podium-block.third{background:linear-gradient(180deg,var(--magenta-l),rgba(232,25,90,.7));min-height:110px;color:var(--white)}.podium-rank{font-family:Fraunces,serif;font-size:2rem;font-weight:900}.podium-name{font-family:Fraunces,serif;font-size:1rem;font-weight:700}.podium-score{font-size:.9rem;font-weight:600;opacity:.85}.results-screen{text-align:center;gap:16px}.results-screen h2{font-size:2rem;margin:0}.results-card{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-lg);padding:28px;box-shadow:6px 6px 0 var(--ink);max-width:400px;width:100%}.results-total{font-family:Fraunces,serif;font-size:3rem;font-weight:900;color:var(--teal);margin:0 0 4px}.results-label{font-size:.85rem;color:var(--quiet);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.results-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--rule)}.stat-item{text-align:center}.stat-value{font-family:Fraunces,serif;font-size:1.5rem;font-weight:700;color:var(--ink)}.stat-label{font-size:.8rem;color:var(--quiet);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.results-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.corruption-wave{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,transparent,rgba(196,30,58,.06),transparent);animation:corruptionWave 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes corruptionWave{0%{left:-20%;width:30%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;width:30%;opacity:0}}.trick-bonus{display:inline-flex;align-items:center;gap:4px;background:#1a7a6e1f;color:var(--teal);font-weight:700;font-size:.9rem;padding:4px 12px;border-radius:20px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@media(max-width:600px){.landing-title{font-size:2.2rem}.landing-subtitle{font-size:1rem}.surgeon-word{font-size:1.05rem;padding:3px 5px}.surgeon-sentence-container{padding:24px 16px}.surgeon-sentence-container:before{margin:-24px -16px 16px}.countdown-number{font-size:5rem}.round-name{font-size:2.2rem}.podium-block{width:80px;padding:14px 10px}.results-card{padding:20px}.question-screen{padding:16px 12px 12px}}