body { background: #000; color: white; font-family: 'Segoe UI', sans-serif; margin: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 100vh; gap: 40px; }
        
    /* 메인 메뉴 영역 */
    .main-menu { display: flex; flex-direction: column; align-items: center; }
    .title { font-size: 60px; font-weight: bold; color: #00ffcc; text-shadow: 0 0 30px rgba(0,255,204,0.5); margin-bottom: 40px; letter-spacing: 5px; }
    .btn { padding: 20px 50px; font-size: 20px; font-weight: bold; cursor: pointer; border-radius: 12px; border: 2px solid #00ffcc; background: transparent; color: #00ffcc; transition: 0.3s; width: 300px; text-align: center; text-decoration: none; margin-bottom: 15px; }
    .btn:hover { background: #00ffcc; color: #000; box-shadow: 0 0 20px #00ffcc; transform: scale(1.05); }
    .btn.editor { border-color: #0088ff; color: #0088ff; }
    .btn.editor:hover { background: #0088ff; color: white; box-shadow: 0 0 20px #0088ff; }

    /* [추가] 패치 내역 패널 */
    .patch-panel { width: 350px; height: 450px; background: rgba(20, 20, 20, 0.8); border: 1px solid #333; border-radius: 15px; display: flex; flex-direction: column; padding: 20px; box-sizing: border-box; }
    .patch-header { color: #00ffcc; font-size: 18px; font-weight: bold; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; display: flex; justify-content: space-between; }
    .patch-list { flex: 1; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #333 transparent; }
    .patch-item { margin-bottom: 15px; border-bottom: 1px solid #222; padding-bottom: 10px; }
    .patch-date { color: #00ffcc; font-size: 12px; font-weight: bold; font-family: monospace; }
    .patch-text { font-size: 14px; color: #ccc; margin-top: 4px; line-height: 1.4; }

    /* 스크롤바 디자인 */
    .patch-list::-webkit-scrollbar { width: 4px; }
    .patch-list::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }