*{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:Passion One,-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}.subtitle{color:#ffa033;text-align:center;margin-bottom:3rem;font-size:1.25rem}.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(3)hue-rotate(-15deg)brightness(.5)url(#liquid-wave)}.video-container.blurred video{filter:sepia(.6)saturate(3)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:first-child{animation:.5s ease-in-out correctBlink}.bubble-overlay{object-fit:cover;mix-blend-mode:soft-light;opacity:.4;filter:saturate(2)contrast(1.3);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@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)}}.os-windows .video-container video{filter:sepia(.8)saturate(6)hue-rotate(-15deg)brightness(.9)}.os-windows .video-container.waving video{filter:sepia(.8)saturate(6)hue-rotate(-15deg)brightness(.55)url(#liquid-wave)}.os-windows .video-container.blurred video{filter:sepia(.8)saturate(6)hue-rotate(-15deg)brightness(.9)blur(10px)}.os-windows .video-container.darkened:not(.waving) video{filter:sepia(.8)saturate(6)hue-rotate(-15deg)brightness(.55)}.os-windows .video-container.correct-flash video:first-child{animation:.5s ease-in-out correctBlinkWindows}@keyframes correctBlinkWindows{0%,to{filter:sepia(.8)saturate(6)hue-rotate(-15deg)brightness(.55)url(#liquid-wave)}50%{filter:sepia(.4)saturate(6)hue-rotate(180deg)brightness(.7)url(#liquid-wave)}}.drawing-canvas{pointer-events:auto;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}.gartic-air-waiting{margin-top:4rem}.start-buttons{pointer-events:auto;gap:1.6rem;margin-top:auto;margin-bottom:2.75rem;display:flex}.start-button,.answer-button{cursor:pointer;pointer-events:auto;color:#fff;paint-order:stroke fill;text-transform:uppercase;letter-spacing:.05em;border-radius:45px;width:315px;padding:1.25rem 0;font-family:Passion One,sans-serif;font-size:2.57rem;font-weight:700;transition:all .2s}.start-button{-webkit-text-stroke:4px #fc4d0f;background:linear-gradient(90deg,#ff7500 0%,#ffb71e 50%,#ff7500 100%);border:2px solid #ffb71e;box-shadow:0 6px #fc4d0f,0 7px 16px #00000040}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px #fc4d0f,0 10px 20px #0000004d}.start-button:active{transform:translateY(4px);box-shadow:0 2px #fc4d0f,0 4px 8px #0003}.start-button.gesture-hover{transform:translateY(-2px);box-shadow:0 8px #fc4d0f,0 10px 25px #ff750066}.start-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.answer-button{-webkit-text-stroke:4px #0f2570;background:linear-gradient(90deg,#193abe 0%,#2b5dd4 50%,#193abe 100%);border:2px solid #2b5dd4;box-shadow:0 6px #0f2570,0 7px 16px #00000082}.answer-button:hover{transform:translateY(-2px);box-shadow:0 8px #0f2570,0 10px 20px #00000080}.answer-button:active{transform:translateY(4px);box-shadow:0 2px #0f2570,0 4px 8px #0000004d}.answer-button.gesture-hover{transform:translateY(-2px);box-shadow:0 8px #0f2570,0 10px 25px #193abe80}.exit-button,.logout-button{color:#fff;-webkit-text-stroke:2px #fc4d0f;paint-order:stroke fill;cursor:pointer;pointer-events:auto;background:linear-gradient(90deg,#ff7500 0%,#ffb71e 50%,#ff7500 100%);border:2px solid #ffb71e;border-radius:30px;width:60px;height:60px;padding:.7rem;transition:all .2s;position:absolute;top:1rem;box-shadow:0 4px #fc4d0f,0 5px 10px #00000040}.clear-button,.undo-button,.toggle-drawing-button,.skip-button{color:#fff;-webkit-text-stroke:2px #0f2570;paint-order:stroke fill;cursor:pointer;pointer-events:auto;background:linear-gradient(90deg,#193abe 0%,#2b5dd4 50%,#193abe 100%);border:2px solid #2b5dd4;border-radius:30px;width:60px;height:60px;padding:.7rem;transition:all .2s;position:absolute;top:1rem;box-shadow:0 4px #0f2570,0 5px 10px #00000040}.bottom-buttons{z-index:100;pointer-events:auto;gap:2.5rem;display:flex;position:fixed;bottom:3rem;left:50%;transform:translate(-50%)}.clear-button,.undo-button,.toggle-drawing-button,.skip-button{width:120px;position:relative;top:auto;right:auto}.exit-button:hover,.logout-button:hover{transform:translateY(-2px);box-shadow:0 6px #fc4d0f,0 8px 15px #0000004d}.clear-button:hover,.undo-button:hover,.toggle-drawing-button:hover,.skip-button:hover{transform:translateY(-2px);box-shadow:0 6px #0f2570,0 8px 15px #0000004d}.exit-button:active,.logout-button:active{transform:translateY(2px);box-shadow:0 2px #fc4d0f,0 3px 5px #0003}.clear-button:active,.undo-button:active,.toggle-drawing-button:active,.skip-button:active{transform:translateY(2px);box-shadow:0 2px #0f2570,0 3px 5px #0003}.exit-button svg,.logout-button svg{stroke:#fff;stroke-width:3px;paint-order:stroke fill;filter:drop-shadow(1px 1px #fc4d0f)drop-shadow(-1px 1px #fc4d0f)drop-shadow(1px -1px #fc4d0f)drop-shadow(-1px -1px #fc4d0f);width:100%;height:100%}.clear-button svg,.undo-button svg,.toggle-drawing-button svg,.skip-button svg{stroke:#fff;stroke-width:3px;paint-order:stroke fill;filter:drop-shadow(1px 1px #0f2570)drop-shadow(-1px 1px #0f2570)drop-shadow(1px -1px #0f2570)drop-shadow(-1px -1px #0f2570);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:#193abe}.instructions-lottie{justify-content:center;align-items:center;width:115px;height:115px;display:flex;position:absolute;bottom:16.5rem;left:50%;transform:translate(-50%)}.instructions{-webkit-backdrop-filter:blur(10px);text-align:center;color:#fff;letter-spacing:.03rem;background:radial-gradient(#ee7b3057 0%,#ee7b30a6 100%);border:2px solid #ff993133;border-radius:50px;justify-content:center;align-items:center;height:64px;padding:0 .35rem;font-family:Rubik,sans-serif;font-size:1.0625rem;font-weight:700;display:flex;position:absolute;bottom:10rem;left:50%;transform:translate(-50%);box-shadow:0 2px 18px #0003,inset -2px -2px 4px #ffffff14}.icon-instructions{background:radial-gradient(185.34% 96.85% at 57.58% 61.74%,#ee7b30 0% 100%) padding-box padding-box,linear-gradient(90deg,#ffb741cc,#ee7b30) border-box;border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:inset -2.078px -2.078px 4.156px #ffffff14,0 1.662px 18.285px 6.233px #0003}.instructions p{text-transform:uppercase;padding:0 2.5rem}.timer-container{pointer-events:none;background:#193abeb3;border:1px solid #2b5dd4;width:100%;height:15px;position:absolute;bottom:0;left:0}.timer-bar{background:#ff7500;border:2px solid #ffb71e;height:100%}.timer-bar-animate{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:2rem}.chat-message{word-break:break-word;-webkit-text-stroke:2px #000c;paint-order:stroke fill;max-width:400px;font-size:1.5rem}.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:2rem}.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:1.5rem;display:flex}.ranking-position{color:#ff8300;font-weight:700}.ranking-username{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.ranking-points{color:#fff;font-weight:700}.ranking-empty{color:#ffa033;-webkit-text-stroke:2px #000c;paint-order:stroke fill;font-size:1.2rem}.winner-announcement{animation:.5s ease-in-out infinite alternate pulse-winner-announcement}@keyframes pulse-winner-announcement{0%{transform:scale(1)translate(-50%)}to{transform:scale(1.05)translate(-50%)}}.countdown{color:#193abe;-webkit-text-stroke:6px #ff7500;paint-order:stroke fill;text-shadow:0 0 20px #ff7500cc,0 0 40px #ff750099,0 0 60px #ff750066;font-family:Passion One,sans-serif;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 #ff750066}.start-button.gesture-hover{box-shadow:0 0 40px #ff7500b3}.exit-button.gesture-hover,.logout-button.gesture-hover{transform:translateY(-2px);box-shadow:0 6px #fc4d0f,0 8px 20px #ff750080}.clear-button.gesture-hover,.undo-button.gesture-hover,.toggle-drawing-button.gesture-hover,.skip-button.gesture-hover{transform:translateY(-2px);box-shadow:0 6px #0f2570,0 8px 20px #193abe80}.gesture-progress{pointer-events:none;background:#fff6;border-radius:0;height:100%;position:absolute;top:0;left:0}.login-container,.answer-container{background:radial-gradient(#2b5dd4 0%,#193abe4d 100%),#193abe radial-gradient(#2b5dd4 60%,#193abe 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.answer-word{text-transform:uppercase;letter-spacing:.05em;text-align:center;background:linear-gradient(135deg,#ff7500 0%,#ffb71e 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:4px #193abe;paint-order:stroke fill;filter:drop-shadow(0 11px #193abe)drop-shadow(0 7px #0000001a);-webkit-background-clip:text;background-clip:text;font-family:Passion One,sans-serif;font-size:8rem;font-weight:800}.answer-waiting{color:#ffb71e;text-shadow:0 2px 4px #0000004d;font-family:Passion One,sans-serif;font-size:2rem;font-weight:700}