body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#e0e0e0;background-image:none;color:#333;font-family:Arial,sans-serif}.App{background-color:initial;height:100%;margin:0;padding:0;text-align:center;width:100%}@media (max-width:768px){.App{padding:0}}.card{align-items:center;border-radius:10px;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:120px;justify-content:center;margin:0 5px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s;width:80px}.deck-area .card{height:170px;width:110px}.card-inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.card:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-10px)}.card-red{background-color:#d50000}.card-blue{background-color:#2196f3}.card-green{background-color:#4caf50}.card-yellow{background-color:#ffeb3b;color:#333;text-shadow:none}.card-back{background-color:#333}.card-disabled{cursor:default}.card-disabled:hover{box-shadow:0 2px 5px #0003;transform:none}.card-placeholder{background-color:#0000001a;border:2px dashed #ccc}.card-value{font-size:24px;font-weight:700}.cards-remaining{bottom:-25px;color:#fff;font-size:14px;font-weight:700;left:65%;position:absolute;text-shadow:0 0 3px #000}@media (max-width:768px){.card{font-size:18px;height:90px;margin:0 2px;width:60px}.card-back:after{font-size:20px}}.player{max-width:800px;padding:15px;width:100%;z-index:5}.player-name{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-bottom:10px;text-shadow:1px 1px 2px #00000080}.player-name.active-turn{color:#ff1a1a;font-weight:900;text-shadow:0 0 8px #ff1a1a99}.player-name-row{align-items:center;display:flex;flex-direction:row;gap:18px;justify-content:center}.player-name-row .player-name{margin-bottom:0}.current-turn-indicator{animation:pulse 1.5s infinite;margin-left:10px}.player-hand{display:flex;flex-wrap:nowrap;height:150px;justify-content:center;margin:20px 0;min-height:130px;perspective:600px;position:relative}.card-wrapper{margin:5px;transition:transform .2s}.human-player .card-wrapper:hover{transform:translateY(-5px)}.computer-player .card-wrapper{transform:scale(.9)}.uno-indicator{animation:none;background-color:#d50000;border-radius:20px;box-shadow:0 2px 5px #0000004d;color:#fff;font-weight:700;padding:5px 10px;position:static;white-space:nowrap}.player-position-2 .player-hand{transform:rotate(180deg)}.player-position-1 .card-wrapper,.player-position-3 .card-wrapper{margin:2px}.player-position-1,.player-position-3{max-height:200px;padding:10px}.player-position-1 .card-count,.player-position-3 .card-count{margin-bottom:20px}.player-position-2 .player-name-row{margin-top:40px}.flipped-text{transform:rotate(180deg)}.player-position-0 .player-hand{flex-wrap:nowrap;justify-content:center;margin-top:50px}.player-position-0 .card{transform:scale(1.5)}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.card-count{background-color:#0006;border-radius:10px;color:#fff;display:inline-block;font-size:14px;margin-top:5px;padding:3px 8px;text-shadow:1px 1px 2px #00000080}@media (max-width:768px){.player{padding:10px}.player-hand{height:120px;min-height:100px}.card-count{font-size:12px;padding:2px 6px}}.deck-area{display:flex;gap:40px;justify-content:center;margin:20px 0;padding:20px;position:relative}.discard-pile,.draw-pile{height:220px;position:relative;width:150px}.discard-pile .card,.discard-pile .card-back,.draw-pile .card,.draw-pile .card-back{transform:scale(1.25);transform-origin:top left}.draw-pile{cursor:pointer;transition:transform .2s}.card-container{height:100%;position:relative;width:100%}.draw-pile:hover{transform:scale(1.05)}.draw-pile:before{content:"DRAW";left:35%}.discard-pile:before,.draw-pile:before{bottom:-25px;color:#fff;font-size:14px;font-weight:700;position:absolute;text-shadow:0 0 3px #000;transform:translateX(-50%)}.discard-pile:before{content:"DISCARD";left:50%}.draw-pile .card-back:before{background-color:#333;border-radius:10px;content:"";height:100%;left:-3px;position:absolute;top:-3px;width:100%;z-index:-1}.draw-pile .card-back:after{content:""}.current-color-indicator{border-radius:5px;bottom:-30px;color:#fff;font-size:14px;font-weight:700;left:50%;padding:5px 10px;position:absolute;text-shadow:1px 1px 1px #00000080;transform:translateX(-50%)}.current-color-indicator.red{background-color:#d50000}.current-color-indicator.blue{background-color:#2196f3}.current-color-indicator.green{background-color:#4caf50}.current-color-indicator.yellow{background-color:#ffeb3b;color:#333;text-shadow:none}.direction-indicator{align-items:center;bottom:-48px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.direction-arrow{color:#fff;font-size:22px;line-height:1}.direction-label{color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;text-shadow:0 0 3px #000}@media (max-width:768px){.deck-area{gap:20px}.discard-pile,.draw-pile{height:100px;width:70px}.current-color-indicator{font-size:12px;padding:3px 8px}}.game-container{background-color:#a0a0a0;background-image:none;font-family:Arial,sans-serif;height:100vh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;text-align:center;top:0;width:100vw}.uno-button-container{left:50%;position:absolute;top:33%;transform:translateX(-50%);z-index:20}.game-board{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%);width:200px;z-index:10}.player-position-2{left:50%;max-width:600px;position:absolute;top:2%;transform:translateX(-50%);width:100%}.player-position-3{position:absolute;right:2%;top:50%;transform:translateY(-50%) rotate(90deg);width:250px}.player-position-0{bottom:2%;left:50%;max-width:600px;position:absolute;transform:translateX(-50%);width:100%;z-index:10}.color-picker-overlay{align-items:center;background:#00000073;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:200}.color-picker-modal{align-items:center;background:#1e1e1ef2;border-radius:16px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:20px;padding:30px 40px}.color-picker-modal p{color:#fff;font-size:20px;font-weight:700;margin:0;text-shadow:0 1px 3px #00000080}.color-picker-options{display:flex;gap:20px}.color-option{border-radius:50%;box-shadow:0 2px 5px #0006;cursor:pointer;height:50px;transition:transform .2s;width:50px}.color-option:hover{box-shadow:0 4px 10px #00000080;transform:scale(1.15)}.color-option.red{background-color:#d50000}.color-option.blue{background-color:#2196f3}.color-option.green{background-color:#4caf50}.color-option.yellow{background-color:#ffeb3b}.uno-countdown-container{bottom:18%;left:50%;pointer-events:all;position:absolute;transform:translateX(-50%);z-index:200}.uno-countdown-button{animation:none;background-color:#e74c3c;border:none;border-radius:30px;box-shadow:0 4px 16px #0006;color:#fff;cursor:pointer;font-size:22px;font-weight:900;letter-spacing:1px;padding:12px 32px}.uno-countdown-button:hover{background-color:#c0392b}.uno-timer{background:#00000040;border-radius:12px;display:inline-block;font-size:18px;margin-left:10px;padding:2px 10px}@keyframes unoPulse{0%{box-shadow:0 4px 16px #0006;transform:scale(1)}to{box-shadow:0 6px 22px #e74c3c99;transform:scale(1.06)}}.player-position-1{left:2%;position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);width:250px}.game-message{animation:fadeIn .5s;background-color:#000000b3;border:2px solid #7d5427;border-radius:5px;box-shadow:0 0 10px #00000080;color:#fff;font-size:18px;margin:10px auto;max-width:80%;padding:10px 20px;position:relative;z-index:15}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardPlay{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes turnHighlight{0%{box-shadow:0 0 0 #2196f300}50%{box-shadow:0 0 20px #2196f3cc}to{box-shadow:0 0 0 #2196f300}}.game-over{background-color:#000c;border-radius:10px;box-shadow:0 0 20px #00000080;color:#fff;left:50%;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100}.game-over button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s}.game-over button:hover{background-color:#45a049}button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin:10px;padding:15px 30px;transition:background-color .3s}.start-button{animation:pulse 1.5s infinite;box-shadow:0 0 20px #ffffff80;font-size:24px;font-weight:900;left:50%;letter-spacing:1px;padding:20px 40px;position:absolute;text-shadow:1px 1px 2px #00000080;top:44%;transform:translate(-50%,-50%);z-index:20}.start-button,.start-button:hover{background-color:#c0152a}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}button:hover{background-color:#45a049}button:disabled{background-color:#ccc;cursor:not-allowed}h1{color:#fff;font-family:Arial Black,Gadget,sans-serif;font-size:36px;letter-spacing:2px;margin-bottom:20px;position:relative;text-shadow:0 0 10px #00000080;z-index:10}.help-button{align-items:center;background-color:initial;border:none;border-radius:50%;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:700;height:50px;justify-content:center;padding:10px;position:fixed;right:10px;top:10px;transition:all .3s;width:50px;z-index:1000}.help-button:hover{background-color:#fff3;transform:scale(1.1)}.help-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.help-modal{background:#1a1a2e;border:2px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #00000080;color:#fff;max-width:520px;padding:32px 36px;position:relative;width:90%}.help-modal h2{color:#f5c518;font-size:24px;letter-spacing:1px;margin:0 0 20px;text-align:center}.help-modal ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 24px;padding:0}.help-modal ul li{background:#ffffff12;border-radius:8px;font-size:14px;line-height:1.5;padding:8px 12px}.help-close{background:#0000;border:none;border-radius:4px;color:#fff9;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;position:absolute;right:14px;top:12px;transition:color .2s}.help-close:hover{background-color:initial;color:#fff}.help-close-bottom{background-color:#e74c3c;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;padding:12px;transition:background-color .2s;width:100%}.help-close-bottom:hover{background-color:#c0392b}@media (max-width:768px){.game-container{padding:10px}.players-container{flex-direction:column}}
/*# sourceMappingURL=main.969c07fb.css.map*/