body{text-align:center;background-color:#f0f0f0;margin-top:50px;font-family:sans-serif}h1{color:#333}.scoreboard{background-color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:20px;max-width:800px;margin:0 auto;padding:30px;display:flex;box-shadow:0 0 10px #0000001a}.team{width:300px}.team-name{text-align:center;border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:20px;padding:10px;font-size:24px}.vs{font-size:36px;font-weight:700}.score-controls{justify-content:center;align-items:center;display:flex}.score{min-width:100px;margin:0 20px;font-size:80px;font-weight:700}.btn{color:#fff;cursor:pointer;border:none;border-radius:50%;width:60px;height:60px;font-size:40px;transition:background-color .3s}.minus-btn{background-color:#e74c3c}.minus-btn:hover{background-color:#c0392b}.plus-btn{background-color:#2ecc71}.plus-btn:hover{background-color:#27ae60}#reset-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:5px;margin-top:30px;padding:15px 30px;font-size:18px;font-weight:700;transition:background-color .3s}#reset-btn:hover{background-color:#2980b9}.orientation-guide{color:#fff;z-index:100;text-align:center;background-color:#333;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:none;position:fixed;top:0;left:0}@media (orientation:portrait){.orientation-guide{display:flex}h1,.scoreboard,#reset-btn{display:none}}
