body {
            font-family: 'Arial', sans-serif;
            text-align: center;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 20px;
            margin: 0;
            background-image: url("living.jpg");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 100vh;
            overflow: hidden;
        }
        
        #game-container {
            background-color: white;
            border-radius: 20px;
            padding: 30px;
            /* max-width: 500px; */
            margin: 0 auto;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
             transition: opacity 1s;
        }
        #wash-screen {
            display: none;
            opacity: 0;
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 100vh;
            transition: opacity 1s;
            position: relative;      
        }
        #capturedDog {
            position: absolute;
            transition: 0.4s linear;
        }

        #image {
            position: absolute;
            left: 0;
            top: 0;
             user-select: none;
            transition: 0.4s linear;
        }
        #wash-screen #capturedDog {
            /* シャンプー画面での犬のサイズ調整 */
        transform: scale(0.7);
        }
        h1 {
            color: #333;
            margin-bottom: 20px;
        }
        #lose_message {
            display: none;
        }
        #win_message {
            display: none;
        }
        
        #game-info {
            display: flex;
            justify-content: space-around;
            margin-bottom: 20px;
            font-size: 20px;
            font-weight: bold;
        }
        
        #time {
            color: #f44336;
        }
        
        #game-board {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            margin-bottom: 20px;
        }
        #start-btn {
            padding: 15px 40px;
            font-size: 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: background-color 0.3s;

            position: relative;
            z-index: 1000;
        }
        #restart-btn {
            padding: 15px 40px;
            font-size: 20px;
            /* background-color: #4CAF50; */
            color: white;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: background-color 0.3s;
                        display: none;
            background-color: #2196F3;
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
        }
        
        #start-btn:hover, #restart-btn:hover {
            background-color: #45a049;
        }
        
        #restart-btn {
            display: none;
            background-color: #2196F3;
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
        }

        #restart-btn:hover {
            background-color: #0b7dda;
        }
        
        #game-over {
            display: none;
            margin-top: 20px;
        }
        #gauge {
            width: 300px;
            height: 30px;
            border: 3px solid black;
            background: #ddd;
            margin-top: 20px;

            position: absolute;
            /* bottom: 40px; */
            left: 50%;
            transform: translateX(-50%);
            bottom: 120px;
        }

        #bar {
            width: 0%;
            height: 100%;
            background: hotpink;
            transition: width 0.05s linear;
        }

        #image,
        #capturedDog {
            position: absolute;
            z-index: 10;
        }
        #foam {
            position: fixed;
            width: 80px;
            pointer-events: none;
            display: none;
            z-index: 9999;
            transform: translate(-50%, -50%);
        }