:root{--game-width: 300px;--game-height: 400px}body{font-family:Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;margin:0;padding:20px;background-color:#f0f0f0;box-sizing:border-box}#gameContainer{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}#gameArea{width:var(--game-width);height:var(--game-height);background-color:#8b4513;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 6px #0000001a}#ball{width:30px;height:30px;background-color:#000;border-radius:50%;position:absolute;bottom:20px;left:135px;box-shadow:0 2px 4px #0003}.pin{width:20px;height:40px;background-color:#fff;position:absolute;border-radius:10px 10px 5px 5px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.pin.fallen{background-color:#ff6b6b;transform:rotate(90deg)}#score{font-size:24px;margin-top:20px;font-weight:700;color:#2c3e50}#startButton{font-size:18px;margin-top:20px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#startButton:hover{background-color:#45a049}#startButton:disabled{background-color:#ccc;cursor:not-allowed}#rules{margin-top:20px;background-color:#fff;padding:15px;border-radius:5px;box-shadow:0 2px 4px #0000001a;max-width:400px;text-align:left}#rules h2{margin-top:0;color:#2c3e50}#rules ul{padding-left:20px;margin-bottom:0}#rules li{margin-bottom:10px}@media(max-height:700px){:root{--game-height: 300px}body{padding:10px}#gameArea{height:var(--game-height)}#rules{font-size:14px}}@media(max-width:400px){:root{--game-width: 90vw}#gameArea{width:var(--game-width)}}