body {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('背景分解.png');
    background-size: cover;
    background-attachment: fixed;
    color: #e0e0e0;
    font-family: 'Courier New', monospace;
    padding: 20px;
}
.container { max-width: 800px; margin: auto; }
h1 { color: #bb86fc; text-align: center; }
.card { background: #1e1e1e; padding: 20px; margin-top: 20px; border-left: 5px solid #03dac6; }
.hidden { display: none; }
.shout-button { background: red; color: white; padding: 15px; border: none; cursor: pointer; }
.warning-text { color: red !important; font-size: 1.8rem; font-weight: 900; text-align: center; }
/* 親要素：中身（ボタンや画像）を中央に寄せる */
.warning-section {
    margin-top: 50px;
    padding: 20px;
    text-align: center; /* これが親要素での中央揃えの要 */
}

/* ボタン：inline-blockのままでOK */
.shout-button {
    display: inline-block;
    padding: 15px 30px;
color: black; 
font-size: 1.4rem;
font-weight: bold;
    cursor: pointer;
    /* margin: 0 auto; は削除してください（inline-blockには効かないため） */
}