body {
    background-image:url('刺激的な背景.png'); /* ドリームコア特有の無機質さ */
    background-color: rgba(0, 0, 0, 0.2);
    background-blend-mode: darken;
    font-family: 'Courier New', monospace;
    color: #333;
    transition: filter 0.5s;
}

.distorted {
    filter: invert(1) hue-rotate(90deg) blur(2px);
    cursor: crosshair;
}

#content { padding: 50px; }
    .overlay{
        position:fixed;inset:0;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center;z-index:9999;flex-direction:column
    }
    .overlay video{max-width:95%;max-height:80%;box-shadow:0 0 30px #000}
    .overlay .big-text{color:#fff;font-size:6vw;font-weight:800;margin-top:2vh;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,0.7)}
    @media (max-width:600px){.overlay .big-text{font-size:10vw}}
    /* distinct colors for cards to avoid visual overlap */

    #card-2 h3, #card-2 p{color:#ea0c0c}
    #card-3 h4, #card-3 p{color:#13cd98}
    #card-4 h5, #card-4 p{color:#f05f06}
    #card-5 h6, #card-5 p{color:#0e67e4}
    #chaos-building {
    display: none; /* 初期状態 */
    width: 300px;  /* サイズを明示 */
    height: auto;
}