<body>
    <div class="particle-system"></div>
    <div class="background-stars"></div>
    <div class="score-display">점수: <span id="score">0</span></div>
    <div class="combo-indicator" id="comboIndicator"></div>

    <div class="container">
        <div class="guide-message">형통을 클릭하세요!</div>
        <button id="fireworkBtn">형통</button>
    </div>

    <div class="controls">
        <div class="control-wrapper">
            <button class="control-btn" onclick="toggleColor()" id="colorBtn">
                <i class="fas fa-palette"></i>
            </button>
            <div class="button-label">색상변경</div>
        </div>
        <div class="control-wrapper">
            <button class="control-btn" onclick="toggleSpeed()" id="speedBtn">
                <i class="fas fa-tachometer-alt"></i>
            </button>
            <div class="button-label">속도변경</div>
        </div>
        <div class="control-wrapper">
            <button class="control-btn" onclick="toggleEffect()" id="effectBtn">
                <i class="fas fa-magic"></i>
            </button>
            <div class="button-label">폭죽변경</div>
        </div>
    </div>

    <div class="audio-container">
        <audio id="birthdaySong" loop>
            <source src="God Bless us🙏.MP3" type="audio/mpeg">
            Your browser does not support the audio element.
        </audio>
        <div class="button-container">
            <button class="audio-btn" onclick="toggleAudio()" id="playPauseBtn">
                <i class="fas fa-play"></i>
            </button>
            <div class="button-label">음악</div>
        </div>
    </div>

    <!-- 모달 추가 -->
    <div id="effectModal" class="modal">
        <div class="modal-content">
            <h2 style="color: white; text-align: center; margin-bottom: 20px;">모양 선택</h2>
            <div class="effect-grid" id="effectGrid">
                <!-- JavaScript에서 동적으로 채워질 영역 -->
            </div>
            <button class="close-button" onclick="document.getElementById('effectModal').style.display='none'">닫기</button>
        </div>
    </div>