@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto:wght@400;700&display=swap";@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 15px var(--glow-color)}50%{transform:scale(1.03);box-shadow:0 0 25px var(--glow-color)}}@keyframes active-turn{0%,to{border-color:#fff;box-shadow:0 0 5px #fff}50%{border-color:#ff0;box-shadow:0 0 20px #ff0}}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes score-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes score-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes active-pulse-ring{0%{box-shadow:0 0 #facc15b3}70%{box-shadow:0 0 0 10px #facc1500}to{box-shadow:0 0 #facc1500}}@keyframes finish-flip{0%{transform:perspective(1000px) rotateY(-90deg);opacity:.5}to{transform:perspective(1000px) rotateY(0);opacity:1}}@keyframes pop-in{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bubble-float{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.8)}15%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1)}70%{opacity:1;transform:translate(-50%) translateY(-60px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-100px) scale(.9)}}body{font-family:Roboto,sans-serif;background-color:#0d1117;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);color:#c9d1d9;-webkit-user-select:none;user-select:none;min-height:100vh}.font-pixel{font-family:"Press Start 2P",cursive}#intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;display:flex;justify-content:center;align-items:center}.curtain{position:absolute;top:0;width:50%;height:100%;background:maroon;background:repeating-linear-gradient(90deg,maroon,#600000 40px,#400000 80px);transition:transform 2.5s cubic-bezier(.25,1,.5,1);z-index:2;box-shadow:0 0 50px #000c}.curtain-left{left:0;transform:translate(0)}.curtain-right{right:0;transform:translate(0)}.intro-open .curtain-left{transform:translate(-100%)}.intro-open .curtain-right{transform:translate(100%)}.intro-content{z-index:1;text-align:center;opacity:0;transform:scale(.5);transition:all 1s ease-out}.intro-open .intro-content{opacity:1;transform:scale(1);transition-delay:.5s}.intro-logo{font-family:"Press Start 2P",cursive;font-size:4rem;color:gold;text-shadow:0 0 20px #ff0000,0 0 40px #ff0000;animation:blinkLights 1s infinite alternate}@keyframes blinkLights{0%{text-shadow:0 0 20px #ff0000}to{text-shadow:0 0 40px #ff0000,0 0 80px #ffff00}}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:700;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:all .2s}.btn:disabled{background:#484f58;cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(45deg,#e94560,#ff7e5f);color:#fff;box-shadow:0 4px 10px #e945604d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #e9456066}.btn-secondary{background:#30363d;color:#c9d1d9;border:2px solid #8b949e}.btn-secondary:hover:not(:disabled){background:#3d444d}.input-field{background:#0d1117;border:2px solid #30363d;color:#c9d1d9;padding:.75rem;border-radius:8px;font-size:1rem;transition:border-color .2s}.input-field:focus{outline:none;border-color:#e94560}.input-error{border-color:#e94560!important;animation:shake .3s}.vote-btn{transition:all .2s}.vote-btn.voted{background:#50c878!important;border-color:#50c878!important}.category-card{background:linear-gradient(145deg,#1f2a3a,#1a2330);border:2px solid #30363d;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;border-radius:12px;height:100px;padding:.5rem}.question-card{background:#161b22;border:2px solid #8b949e;cursor:pointer;transition:.2s;border-radius:12px;display:flex;align-items:center;justify-content:center;height:100px;width:100%;position:relative}.question-card:hover:not(.answered):not(.disabled){transform:translateY(-5px) scale(1.05);border-color:#e94560;box-shadow:0 0 20px #e9456080;color:#e94560;z-index:10}.question-card.answered{background:#080a0f!important;border-color:#1a1e26!important;color:transparent;cursor:default;box-shadow:inset 0 0 10px #000;pointer-events:none;opacity:.6}.question-card.doubled{background:linear-gradient(145deg,#3a2a1f,#2a1f1a);border-color:orange}.flying-card{position:fixed;z-index:9999;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);background:#161b22;border:2px solid #e94560;color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive;font-size:1.2rem;border-radius:12px;box-shadow:0 0 15px #00000080;transform-origin:center center;backface-visibility:hidden}.flying-card.flipping{transition:transform .2s linear!important;background:#0d1117}#modal,#end-game-modal,#game-lobby,#category-selection-modal,#disconnect-modal{background:#0d1117fa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#161b22;border:2px solid #e94560;border-radius:16px;box-shadow:0 0 30px #e9456066;display:flex;flex-direction:column;max-height:95vh;width:95%;max-width:800px;overflow:visible;position:relative}.modal-content.animate-flip{animation:finish-flip .25s linear forwards}.modal-fly-out-left{transform:translate(-120vw)!important;transition:transform .5s cubic-bezier(.55,.055,.675,.19)!important;pointer-events:none}.player-display{position:relative;overflow:visible;background:#161b22;transition:all .2s ease;cursor:default}.player-display.player-me{cursor:pointer}.player-display.player-me:hover{transform:scale(1.02)}.player-display.my-turn{animation:active-pulse-ring 2s infinite;border-width:3px;z-index:5;border-color:#facc15!important}.player-display.buzzed{border-color:khaki!important;box-shadow:0 0 15px khaki;background:#2a2a20}.player-display.spectator{opacity:.6;border-style:dashed}.player-me{box-shadow:0 0 20px #ffffff40!important;border-color:#fff!important;z-index:10}.score-pop{animation:score-pop .4s ease-out}.score-float{position:absolute;font-weight:700;font-size:1.2rem;pointer-events:none;animation:score-float 1s ease-out forwards;z-index:100}.score-float.positive{color:#50c878}.score-float.negative{color:#ff4d4d}.modal-player{position:relative;overflow:visible;transition:all .2s}.stamp-pass,.stamp-fail{filter:grayscale(.8);opacity:.8}.modal-player.stamp-pass:after{content:"PASST";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-family:"Press Start 2P",cursive;font-size:.8rem;color:#facc15;border:3px solid #facc15;padding:4px 8px;border-radius:8px;z-index:20;background:#000c;pointer-events:none;box-shadow:0 0 10px #00000080}.modal-player.stamp-fail:after{content:"RAUS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(15deg);font-family:"Press Start 2P",cursive;font-size:.9rem;color:#ef4444;border:4px solid #ef4444;padding:4px 8px;border-radius:8px;z-index:20;background:#000c;pointer-events:none;box-shadow:0 0 10px #00000080}.category-selection-item{background:#1f2a3a;border:2px solid #30363d;border-radius:12px;padding:1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s}.category-selection-item:hover{border-color:#8b949e;background:#2a3a4a}.category-selection-item.selected{background:linear-gradient(145deg,#2d5016,#1e3a0f);border-color:#50c878;box-shadow:0 0 15px #50c87866}.toast{visibility:hidden;min-width:280px;background:#161b22;color:#fff;text-align:center;border-radius:8px;padding:16px;position:fixed;z-index:100;left:50%;transform:translate(-50%);bottom:30px;opacity:0;transition:all .3s;border:2px solid;box-shadow:0 5px 15px #00000080}.toast.show{visibility:visible;opacity:1;bottom:60px}.urgent-timer{color:#ff4d4d!important;animation:shake .5s infinite;text-shadow:0 0 10px red}.spinner{width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;margin-right:8px}.feedback-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;animation:slide-down .3s ease-out}.feedback-correct{background:#006400f2}.feedback-wrong{background:#640000f2}.feedback-neutral{background:#3b82f6f2}.feedback-info{background:#1e3c64f2}.feedback-text{font-family:"Press Start 2P",cursive;font-size:2.5rem;color:#fff;text-shadow:0 0 20px black;text-align:center;line-height:1.5}.feedback-sub{font-family:Roboto,sans-serif;font-size:1.2rem;color:#ddd;margin-top:1rem;text-align:center}.chat-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1f2937,#374151);border:2px solid #e94560;border-radius:16px;padding:10px 16px;font-size:1rem;font-weight:700;white-space:nowrap;animation:bubble-float 3s ease-out forwards;z-index:1000;max-width:220px;text-align:center;box-shadow:0 4px 15px #e9456066;pointer-events:none}.emoji-picker{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f2937;border:2px solid #e94560;border-radius:12px;padding:10px;z-index:60;display:none;flex-wrap:wrap;gap:6px;width:240px;box-shadow:0 -5px 20px #00000080}.emoji-picker:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#e94560}.emoji-picker.show{display:flex}.emoji-picker button{background:#374151;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:.85rem;color:#fff;transition:all .2s}.emoji-picker button:hover{background:#e94560;transform:scale(1.05)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.estimation-result-row{display:flex;justify-content:space-between;padding:5px 10px;background:#0d1117;margin-bottom:4px;border-radius:4px;font-size:.9rem}.estimation-winner{border:2px solid #50c878;background:#0f2e1b}.stat-card{background:linear-gradient(145deg,#1f2a3a,#1a2330);border:2px solid #30363d;border-radius:12px;padding:1rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.pop-in-animation{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0}@media (max-width: 768px){.font-pixel{font-size:1.2rem!important}#game-board{gap:.25rem}.category-card{height:80px;padding:.25rem}.question-card{height:80px;font-size:1rem}.feedback-text{font-size:1.5rem}.stat-card{padding:.5rem}.stat-value{font-size:1rem}}#question-canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}