*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:linear-gradient(135deg,#1a0a00 0%,#2d1500 50%,#1a0a00 100%);max-width:100vw;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.title{background:linear-gradient(90deg,#ff8300,#222898,#ff8300) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:700;animation:3s infinite gradient}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.subtitle{color:#ffa033;text-align:center;margin-bottom:3rem;font-size:1.25rem}.login-button{color:#fff;cursor:pointer;background:#9146ff;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s;display:flex}.login-button:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 10px 20px #9146ff4d}.login-button svg{width:24px;height:24px}.game-container{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.video-container{width:100%;height:100%;position:absolute;top:0;left:0}.wave-filter{width:0;height:0;position:absolute}.video-container video{object-fit:cover;filter:sepia(.6)saturate(2)hue-rotate(-15deg)brightness(.9);width:100%;height:100%;transition:filter .3s;transform:scaleX(-1)}.video-container.waving video{filter:sepia(.7)saturate(2.5)hue-rotate(-15deg)brightness(.5)url(#liquid-wave)}.video-container.blurred video{filter:sepia(.6)saturate(2)hue-rotate(-15deg)brightness(.9)blur(10px)}.video-container.darkened:not(.waving) video{filter:sepia(.7)saturate(2.5)hue-rotate(-15deg)brightness(.5)}.video-container.correct-flash video{animation:.5s ease-in-out correctBlink}@keyframes correctBlink{0%,to{filter:sepia(.7)saturate(2.5)hue-rotate(-15deg)brightness(.5)url(#liquid-wave)}50%{filter:sepia(.3)saturate(3)hue-rotate(180deg)brightness(.7)url(#liquid-wave)}}.drawing-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.game-overlay{pointer-events:none;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.word-display{pointer-events:auto;background:#000000b3;border:2px solid #ff8300;border-radius:1rem;margin-top:2rem;padding:1rem 2rem}.word-text{color:#ffd699;text-transform:uppercase;letter-spacing:.25em;font-size:2.5rem;font-weight:700}.start-buttons{pointer-events:auto;gap:1rem;margin-top:auto;margin-bottom:3rem;display:flex}.start-button,.answer-button{cursor:pointer;pointer-events:auto;border-radius:1rem;width:220px;padding:1.25rem 0;font-size:1.5rem;font-weight:700;transition:all .2s}.start-button{color:#fff;background:#222898;border:none}.start-button:hover{transform:scale(1.05);box-shadow:0 0 30px #ff830080}.answer-button{color:#222898;background:#fff3;border:3px solid #222898}.answer-button:hover{color:#3a3cb8;border-color:#3a3cb8;transform:scale(1.05);box-shadow:0 0 30px #2228984d}.answer-button.gesture-hover{border-color:#3a3cb8;box-shadow:0 0 30px #22289866}.exit-button,.logout-button{color:#fff;cursor:pointer;pointer-events:auto;background:#00000080;border:none;border-radius:.5rem;width:40px;height:40px;padding:.5rem;transition:all .2s;position:absolute;top:1rem;right:1rem}.exit-button:hover,.logout-button:hover{background:#ef4444cc}.exit-button svg,.logout-button svg{width:100%;height:100%}.status-indicator{color:#ffa033;background:#000000b3;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;position:absolute;top:1rem;left:1rem}.pinching{color:#222898}.instructions{text-align:center;color:#ffd699;background:#000000b3;border-radius:.5rem;padding:1rem 2rem;position:absolute;bottom:10rem;left:50%;transform:translate(-50%)}.timer-container{pointer-events:none;background:#00000080;width:100%;height:8px;position:absolute;bottom:0;left:0}.timer-bar{background:#222898;height:100%;transition:width 1s linear}.timer-text{color:#fff;text-shadow:0 2px 4px #00000080;font-size:1.25rem;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.chat-log{pointer-events:none;flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:3rem;left:1rem}.chat-message{word-break:break-word;-webkit-text-stroke:2px #000c;paint-order:stroke fill;max-width:350px;font-size:.9rem}.chat-message.correct{color:#0c6}.chat-username{color:#ff8300;font-weight:700}.chat-text{color:#fff}.ranking{pointer-events:none;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex;position:absolute;bottom:3rem;right:1rem}.ranking-list{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.ranking-item{-webkit-text-stroke:2px #000c;paint-order:stroke fill;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.ranking-position{color:gold;font-weight:700}.ranking-username{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.ranking-points{color:#222898;font-weight:700}.ranking-empty{color:#ffa033;-webkit-text-stroke:2px #000c;paint-order:stroke fill;font-size:.9rem}.winner-announcement{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(135deg,#222898f2,#191e78f2);border-radius:1rem;margin-top:6rem;padding:1rem 2rem;font-size:1.5rem;font-weight:700;animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.countdown{color:#222898;font-size:15rem;font-weight:700;animation:1s ease-out countdownScale;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes countdownScale{0%{opacity:0;transform:translate(-50%,-50%)scale(2)}30%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.gesture-button{position:relative;overflow:hidden}.gesture-button.gesture-hover{transform:scale(1.1);box-shadow:0 0 30px #ff830066}.start-button.gesture-hover{box-shadow:0 0 40px #ff8300b3}.exit-button.gesture-hover,.logout-button.gesture-hover{background:#ef444499;box-shadow:0 0 20px #ef444480}.gesture-progress{pointer-events:none;background:#fff6;border-radius:0;height:100%;position:absolute;top:0;left:0}.answer-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.answer-word{text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(90deg,#ff8300,#222898,#ff8300) 0 0/200%;-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:700;animation:3s infinite gradient}.answer-waiting{color:#ffa033;font-size:1.5rem}