body{font-family:'Arial', sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0;margin:0;perspective:1000px;overflow:hidden;}.game-container{text-align:center;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);transform:rotateX(10deg);transform-style:preserve-3d;}.tubes-area{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin-top:30px;margin-bottom:30px;padding:20px;min-height:250px;transform-style:preserve-3d;}.tube{width:50px;height:200px;border:3px solid #555;border-top:none;background-color:rgba(200, 200, 200, 0.2);border-radius:0 0 15px 15px;position:relative;cursor:pointer;transition:transform 0.3s ease, box-shadow 0.3s ease;transform-style:preserve-3d;transform:rotateY(0deg) translateZ(0px);box-shadow:5px 5px 15px rgba(0,0,0,0.2);}.tube:hover{transform:translateY(-10px) rotateY(5deg) scale(1.05);box-shadow:8px 8px 20px rgba(0,0,0,0.3);}.tube.selected{transform:translateY(-20px) rotateY(0deg) scale(1.1);box-shadow:0 0 15px 5px gold, 10px 10px 25px rgba(0,0,0,0.4);border-color:gold;}.water-segment{width:100%;position:absolute;bottom:0;left:0;box-sizing:border-box;border-top:2px solid rgba(255, 255, 255, 0.3);transition:all 0.3s ease-in-out;}.message-area{margin-top:20px;font-size:1.2em;color:green;min-height:25px;}button{padding:10px 20px;font-size:1em;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.2s;}button:hover{background-color:#0056b3;}