body {
    margin: 0;
    background-color: #030318;
    color: #c9d1d9;
    font-family: monospace;
}

.scroll-area {
    height: 1000dvh;
}

.terminal {
    box-sizing: border-box;
    position: sticky;
    top: 0;
    min-height: 100dvh;
    padding: 20px;
    border: 2px solid black;
}

.terminal-header {
    color: #9999ff;
    font-size: 22px;
    margin-bottom: 24px;
}

.terminal-output {
    margin: 0;
    color: #00ff00;
    font-size: 20px;
    line-height: 1.8;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.cursor {
    color: #00ff00;
    animation: blink 1s step-start infinite;
}

@keyframes blink {
    50% {
        opacity: 0; 
    }
}

/*ここから確認＝＝＝*/

.terminal-output > div:empty {
    display: none;
}

/* 未完成のリンク */
.terminal-output a {
    color: inherit;
    text-decoration: none;
    overflow-wrap: anywhere;
}

/* 表示が完成したリンク */
.terminal-output a.active-link {
    color: #66b3ff;
    text-decoration: underline;
}

/* ターミナル内部で文字が増えた場合 */
.terminal {
    overflow-y: auto;
    scrollbar-width: none;
}

.terminal::-webkit-scrollbar {
    display: none;
}