/* root/assets/css/cosmos.css */
body, html {
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%;
    background-color: #000000 !important; /* 完全なる漆黒へ */
    overflow: hidden;
    touch-action: none; /* スワイプ時のブラウザ挙動を抑制 */
}

#stella-canvas {
    display: block;
    position: fixed;
    top: 0; 
    left: 0;
    width: 100vw; 
    height: 100vh;
    z-index: 10;
}

#monologue-overlay {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: flex; 
    align-items: center; 
    justify-content: center;
    background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
    transition: opacity 1.2s ease; 
    z-index: 2000; 
    pointer-events: none;
}

#monologue-content {
    width: 80%; 
    max-width: 500px; 
    color: #fff;
    text-align: center; 
    line-height: 2.5; 
    letter-spacing: 0.2em;
    font-family: 'serif';
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.fade-in { opacity: 1; pointer-events: auto !important; }
.fade-out { opacity: 0; }