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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f4;color:#333;font-family:sans-serif;margin:0;padding:0}.App{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:900px;overflow-x:hidden;padding:20px;position:relative}h1,h2,h3{color:#555;margin-bottom:1em;margin-top:0;text-align:center}h1{color:#333;margin-bottom:20px}input[type=text]{border:1px solid #ccc;border-radius:4px;margin-right:10px;min-width:150px;padding:8px 10px}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px;padding:10px 15px;transition:background-color .2s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}hr{border:0;border-top:1px solid #eee;margin:20px 0}.error-message{background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;color:#d9534f}.error-message,.game-message{margin:10px 0;padding:10px;text-align:center}.game-message{background-color:#d9edf7;border:1px solid #bce8f1;border-radius:4px;color:#31708f;font-weight:700}ul{list-style:none;margin-bottom:15px;padding:0}li{border-bottom:1px solid #eee;padding:5px 0}li:last-child{border-bottom:none}.game-area{border:1px solid #eee;border-radius:5px;margin-top:20px;padding:15px}.game-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.game-header h2{margin:0;text-align:left}.game-header div{display:flex;gap:10px}.opponents-area{background-color:#f9f9f9;border:1px dashed #ddd;border-radius:4px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px;min-height:50px;padding:10px}.opponent{background-color:#e9ecef;border:1px solid #ccc;border-radius:4px;padding:8px 12px;text-align:center}.opponent.current-turn{border:2px solid #007bff;box-shadow:0 0 5px #007bff80;font-weight:700}.opponent span{color:#6c757d;font-style:italic}.table-area{align-items:center;background-color:#e8f5e9;border:1px dashed #aaa;display:flex;flex-direction:column;margin-bottom:20px;min-height:100px;padding:20px}.cards-on-table{align-items:flex-start;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;min-height:85px}.table-card{height:auto;position:static;width:60px;z-index:auto}.player-hand-area{background-color:#f8f9fa;border:1px solid #eee;margin-top:20px;min-height:150px;overflow-x:auto;overflow-y:visible;padding:15px;position:relative;white-space:nowrap}.cards{display:flex;height:110px;justify-content:flex-start;padding-bottom:20px;padding-top:10px}.card,.cards{position:relative}.card{box-shadow:1px 1px 3px #0003;display:inline-block;height:auto;margin:3px 0;transition:transform .2s ease-out,margin-left .3s ease-out,box-shadow .2s ease-out;-webkit-user-select:none;user-select:none;vertical-align:bottom;width:70px;z-index:1}.player-card{cursor:pointer}.player-card:not(.selected):not(.disabled):hover{box-shadow:3px 6px 10px #0000004d;transform:translateY(-10px) scale(1.03);z-index:10}.player-card.selected{border:3px solid #007bff;box-shadow:4px 8px 12px #007bff66;transform:translateY(-50px) scale(1.05);z-index:11}.player-card.disabled{cursor:not-allowed;opacity:.7}.player-card.disabled:hover{box-shadow:1px 1px 3px #0003;transform:none;z-index:1}.actions-area{margin:20px 0;padding-top:35px;text-align:center}.joinable-games{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.joinable-games h3{margin-bottom:10px;text-align:left}.joinable-games button{margin-bottom:10px}.joinable-games ul{background-color:#fdfdfd;border:1px solid #e0e0e0;border-radius:4px;margin-top:10px;max-height:200px;overflow-y:auto;padding:10px}.joinable-games li{align-items:center;border-bottom:1px dashed #eee;display:flex;justify-content:space-between;padding:8px 5px}.joinable-games li:last-child{border-bottom:none}.joinable-games li span{flex-grow:1;margin-right:10px}.joinable-games li button{flex-shrink:0;margin:0;padding:5px 10px}.final-rankings{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;list-style:none;margin-left:auto;margin-right:auto;margin-top:15px;max-width:300px;padding:0 10px}.final-rankings li{align-items:baseline;border-bottom:1px solid #eee;display:flex;font-size:1.1em;padding:8px 5px}.final-rankings li:last-child{border-bottom:none}.final-rankings .rank-position{color:#666;font-weight:700;margin-right:10px;min-width:30px;text-align:right}.final-rankings .rank-name{flex-grow:1}.final-rankings .rank-cards{color:#888;font-size:.9em;margin-left:5px}.turn-notification{animation:fadeinout 3s ease-in-out forwards;background-color:#ffdf00e6;border:3px solid #e6ac00;border-radius:15px;box-shadow:0 5px 20px #0006;color:#333;font-size:3em;font-weight:700;left:50%;opacity:0;padding:30px 60px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes fadeinout{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}
/*# sourceMappingURL=main.2fb4fc99.css.map*/