:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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}html,body{margin:0;padding:0;width:100%;min-width:320px;min-height:100vh;overflow-x:hidden}body{display:flex;place-items:center;background-color:#1a1930}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.contestant-head.active{animation:pulse 1s ease-in-out infinite}.contestant-head.correct{animation:celebrate .5s ease-in-out}.contestant-head.wrong{animation:shake .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes celebrate{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-10px) scale(1.1)}50%{transform:translateY(-5px) scale(1.05)}75%{transform:translateY(-10px) scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.wave-container{min-height:100vh;width:100%;background:#1a1930;position:relative;overflow-x:hidden;overflow-y:auto}.wave-background{position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:1;overflow:hidden;opacity:.4;animation:gentleWave 15s ease-in-out infinite}@keyframes gentleWave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wave-svg{width:100%;height:100%;position:absolute;bottom:0}.mount-fuji{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:400px;height:300px;background:linear-gradient(to top,#cbd5e1,#e2e8f0,#f1f5f9);clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:1;opacity:.2}.game-card{border-radius:12px;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e3a8a,#3b82f6,#60a5fa)}@media (max-width: 600px){.mount-fuji{width:250px;height:200px}}.game-board-cell{transition:all .2s ease}.game-board-cell:hover{transform:scale(1.05)}.jeopardy-frame-container{position:relative;padding:20px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 2px 8px #ffffff1a}.frame-top{position:relative;height:60px;background:linear-gradient(to bottom,#3a3a3a,#2a2a2a);border-radius:8px 8px 0 0;margin-bottom:10px;box-shadow:0 4px 8px #0000004d;overflow:hidden}.frame-top-lights{display:flex;justify-content:space-around;align-items:center;height:100%;padding:0 20px}.frame-light{width:8px;height:30px;background:gold;border-radius:4px;box-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70066;animation:lightPulse 2s ease-in-out infinite}.frame-light-blue{background:#4a9eff;box-shadow:0 0 10px #4a9effcc,0 0 20px #4a9eff66}@keyframes lightPulse{0%,to{opacity:.6;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.frame-spotlights{position:absolute;bottom:-15px;left:0;right:0;height:20px}.frame-spotlight{position:absolute;width:40px;height:20px;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50% 50% 0 0;animation:spotlightSweep 3s ease-in-out infinite}@keyframes spotlightSweep{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}}.frame-content-wrapper{display:flex;gap:15px;align-items:flex-start}.frame-side{width:30px;min-height:100%;background:linear-gradient(to right,#3a3a3a,#2a2a2a);border-radius:8px;padding:10px 5px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;box-shadow:inset -2px 0 4px #0000004d,2px 0 4px #0003}.frame-side-right{background:linear-gradient(to left,#3a3a3a,#2a2a2a);box-shadow:inset 2px 0 4px #0000004d,-2px 0 4px #0003}.frame-side-light{width:20px;height:8px;background:gold;border-radius:4px;box-shadow:0 0 8px #ffd70099,0 0 16px #ffd7004d;animation:sideLightPulse 2.5s ease-in-out infinite}@keyframes sideLightPulse{0%,to{opacity:.5;transform:scaleX(.9)}50%{opacity:1;transform:scaleX(1.1)}}.frame-content{flex:1;position:relative;background:#0003;border-radius:8px;padding:15px;box-shadow:inset 0 2px 8px #0006,0 0 0 2px #ffffff1a}.frame-bottom{height:20px;background:linear-gradient(to top,#3a3a3a,#2a2a2a);border-radius:0 0 8px 8px;margin-top:10px;box-shadow:0 -4px 8px #0000004d}@media (max-width: 768px){.jeopardy-frame-container{padding:10px}.frame-top{height:40px}.frame-side{width:20px;gap:10px}.frame-side-light{width:15px;height:6px}.frame-light{width:6px;height:20px}.frame-content-wrapper{gap:8px}.frame-content{padding:10px}}@keyframes speak{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.alex-container.speaking .alex-head{animation:speak .5s ease-in-out infinite}.ranking-screen{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem}.ranking-item{transition:all .3s ease}.ranking-item:hover{transform:translate(5px);box-shadow:0 4px 12px #0000004d!important}.player-rank{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ffcc0080}50%{box-shadow:0 0 20px #fc0c,0 0 30px #fc06}}.first-place{position:relative}.first-place:before{content:"👑";position:absolute;left:-30px;top:50%;transform:translateY(-50%);font-size:1.5rem}.final-jeopardy-screen{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem}.winner-podium-container{animation:winner-reveal 1s ease-out}@keyframes winner-reveal{0%{opacity:0;transform:scale(.5) translateY(50px)}50%{transform:scale(1.1) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.winner-podium{background:linear-gradient(135deg,gold,orange);padding:3rem 4rem;border-radius:20px;box-shadow:0 0 30px #ffd70099,0 10px 40px #0000004d,inset 0 0 20px #fff3;border:4px solid #FFCC00;position:relative;animation:podium-glow 2s ease-in-out infinite,champagne-celebration 3s ease-in-out infinite}.winner-podium:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid #FFD700}@keyframes champagne-celebration{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-2deg)}50%{transform:scale(1.1) rotate(0)}75%{transform:scale(1.05) rotate(2deg)}}@keyframes podium-glow{0%,to{box-shadow:0 0 30px #ffd70099,0 10px 40px #0000004d,inset 0 0 20px #fff3}50%{box-shadow:0 0 50px #ffd700e6,0 10px 60px #0006,inset 0 0 30px #ffffff4d}}.buzzer-button{transition:box-shadow .1s ease;box-shadow:0 0 20px #ffffff4d,0 0 40px #fff3}.buzzer-button.active{animation:pulse 2s infinite}.buzzer-button.active:hover{box-shadow:0 0 30px #ffffff80,0 0 50px #ffffff4d}.buzzer-button.pressed{animation:none}@keyframes pulse{0%,to{filter:brightness(1);box-shadow:0 0 20px #ffffff4d,0 0 40px #fff3}50%{filter:brightness(1.2);box-shadow:0 0 30px #ffffff80,0 0 50px #ffffff4d}}.explosion-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;pointer-events:none;z-index:1}.particle{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#4caf50,#66bb6a,#81c784);border-radius:50%;box-shadow:0 0 10px #4caf50cc,0 0 20px #4caf5099,0 0 30px #4caf5066;animation:explode var(--delay, 0s) ease-out forwards;opacity:0}@keyframes explode{0%{opacity:1;transform:translate(0) scale(1)}50%{opacity:1;transform:translate(var(--x, 0),var(--y, 0)) scale(1.5)}to{opacity:0;transform:translate(var(--x, 0),var(--y, 0)) scale(.5)}}.washing-out{animation:washOut .8s ease-in forwards}@keyframes washOut{0%{opacity:1;filter:brightness(1)}50%{opacity:.5;filter:brightness(1.5)}to{opacity:0;filter:brightness(2)}}.green-wash{animation:greenWash .8s ease-in forwards}@keyframes greenWash{0%{opacity:0;transform:scale(.5)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}
