/* ===== Chaotic Band Name Generator 固有スタイル ===== */
/* 共通スタイルは ../shared/css/common.css を参照 */

canvas {
    border: 1px solid #666;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
    max-width: 100%;
    height: auto;
}

/* 生成ボタンを強調 */
#btnGenerate {
    background: #00c853;
    border-color: #00e676;
    color: #002b11;
    box-shadow: 0 0 18px rgba(0, 230, 118, 0.55);
    transform: translateY(-1px);
}

#btnGenerate:hover {
    box-shadow: 0 0 24px rgba(0, 230, 118, 0.8);
}

#btnGenerate:disabled {
    background: #1e3b2f;
    border-color: #2b5a46;
    color: #7fa896;
    box-shadow: none;
    transform: none;
}

/* .site-nav margin調整（共通より小さめ） */
.site-nav {
    margin-top: 15px;
}

.meta {
    margin-top: 20px;
    font-size: 0.75rem;
    color: #666;
    font-family: monospace;
}

.ad-space {
    margin-top: 30px;
}