.App{text-align:center;font-family:Arial,sans-serif;max-width:1000px;margin:0 auto;padding:20px}.wheel-container{position:relative;width:600px;height:600px;margin:0 auto 20px}.wheel{width:100%;height:100%;border-radius:50%;border:10px solid #333;position:relative;overflow:hidden;transition:transform 5s cubic-bezier(.25,.1,.25,1)}.wheel-item{position:absolute;top:0;right:0;width:50%;height:50%;transform-origin:0% 100%;clip-path:polygon(100% 0,0 0,100% 100%);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:background-color .3s ease}.wheel-item:nth-child(odd){background-color:#007bff}.wheel-item:nth-child(2n){background-color:#0056b3}.wheel-item:hover{background-color:#004085}.team-name{transform:rotate(18deg);display:flex;align-items:center;justify-content:center;width:100%;padding:5px;box-sizing:border-box}.team-name span{max-width:120px;word-wrap:break-word}.wheel-pointer{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:60px solid red;z-index:2}.hovered-team-name{position:absolute;top:620px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:10px;border-radius:5px;font-size:18px;z-index:3}button{font-size:18px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px;margin-top:50px}button:disabled{background-color:#ccc;cursor:not-allowed}.matched-pairs{margin-top:30px}.matched-pairs h2{font-size:24px;margin-bottom:10px}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border:1px solid #ddd;padding:12px;text-align:left}th{background-color:#007bff;color:#fff}tr:nth-child(2n){background-color:#f2f2f2}