/* おまじない */
*, *::before, *::after {
  box-sizing: border-box;
}


@font-face {
  font-family: "Set";
  src: url("font/setsunafont.woff2") format("woff2"),
       url("font/setsunafont.woff") format("woff");
  font-display: swap;
}


::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    }
    ::-webkit-scrollbar-track {
    background-color: transparent;
    }
    ::-webkit-scrollbar-thumb {
    background: radial-gradient(#45b7da, #87c0ce);
    width: 130px;
    }



body{
    background-color: #18054e;
    background-size:auto 100vh;
    background-repeat: auto;

}


#mainmess{
    margin-left:30px;
    margin-top:30px;
    font-size:3vh;
    font-family: "Set";
    font-weight:bolder;
}

.cursor {
  display: inline-block;
  width: 0.6em;
  border-right: 2px solid #8593d1; /* カーソル色 */
  animation: blink 0.8s step-end infinite;
}

@keyframes blink {
  50% { border-color: transparent; }
}


.glow-soft {
  color: #ffedf4;
  text-shadow:
    0 0 4px rgba(255,180,230,0.7),
    0 0 10px rgba(255,140,210,0.5),
    0 0 18px rgba(255,120,200,0.4);
}
.fadein {
    animation: fade 0.6s ease-out;
}

@keyframes fade {
    from { opacity: 0 }
    to { opacity: 1 }
}


/* フェードアウト用の全画面レイヤー */
#fadeLayer {
    position: fixed;
    inset: 0;
    background: white;     /* 遷移色（白・黒・好きな色） */
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s ease;
    z-index: 9999;
}

/* アニメ開始クラス */
.fade-out {
    opacity: 1;
}




#after{
    color: #18054e;
    display:block;
    position:fixed;
    right:0.3vh;
    top:50%;
    font-size:1.5vh;
    background:linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.8));
    border-radius: 1.2rem;
    padding: 1rem 1.4rem;
    box-shadow: 0 4px 20px rgba(34, 32, 168, 0.795);
}
.glow2{
    font-size:2vh;
    font-family: "Set";
    font-weight:bolder;
    text-shadow:
    0 0 4px rgba(147, 163, 89, 0.7),
    0 0 10px rgba(233, 255, 35, 0.5),
    0 0 18px rgba(183, 212, 145, 0.4);

}
[data-itm="click"] {
    transition: transform 0.2s ease, filter 0.2s ease;
    display: inline-block; /* transform 使うなら念のため */
}

[data-itm="click"].hovering {
    transform: translateY(-4px) scale(1.03);
    filter: brightness(1.2);
    cursor:crosshair;
}