/* ===============================
   DAZED : FINAL STYLE
================================ */

html, body {
    margin: 0;
    width: 100%;
    height: 100%;
    background: ;
	/* わずかにグラデーションをかけると、より質感がリアルになります */
    background: radial-gradient(circle, # 0%, # 100%);
    margin: 0;
    overflow: hidden;
    font-family: 'Share Tech Mono', monospace;
}

/* レイヤー共通 */
canvas, .code-overlay {
    position: fixed;
    top: 0;
    left: 0;	
    width: 100%;
    height: 100%;
	    color: #D4AF37;
		

}

/* 電子基板 */
#circuitCanvas {
    z-index: 1;
    opacity: 0.85;
    filter: contrast(1.4) brightness(1.15);
	color: #0074d9;
}

/* コード */
.code-overlay {
    position: fixed;
    top: 20%;
    left: 50%;
    width: 80vw;
    max-width: 800px;

    transform: translateX(-50%); /* 横だけ中央 */

    text-align: center;
    z-index: 4;
    pointer-events: none;

    color: rgba(255, 60, 60, 0.9);
    font-size: 15px;
    line-height: 1.6;
    padding: 40px;

    text-shadow: 0 0 8px rgba(255,0,0,0.6);
    white-space: pre-wrap;
    font-family: 'Share Tech Mono', 'Courier New', monospace;
}
/* ひび割れ */
#crackCanvas {
    z-index: 40;
    filter:
        drop-shadow(0 0 3px #fff)
        drop-shadow(0 0 6px rgba(120,220,255,0.8))
        contrast(2);
}

/* 指紋 */
.shimon-container {
    position: fixed;
    bottom: 80px;
    z-index: 80;
}

#shimon {
    width: 150px; /* 好みで調整 */
    cursor: pointer;
	opacity: 0.8;
    filter:
        invert(1)
        sepia(1)
        hue-rotate(-50deg)
        saturate(6)
        drop-shadow(0 0 15px rgba(255,0,0,0.7));
}

#shimonLink {
    position: fixed;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 80;
}


/* 揺れ */
.is-shaking {
    animation: shake 0.02s infinite;
}

@keyframes shake {
    0% { transform: translate(-10px,10px); }
    50% { transform: translate(-10px,-10px); }
    100% { transform: translate(0,0); }
}

/* フラッシュ */
.flash-white {
    position: fixed;
    inset: 0;
    background: radial-gradient(
        circle at center,
        rgb(255,255,255) 0%,
        rgb(240,248,255) 40%,
        rgba(255,255,255,0.95) 100%
    );
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease-out;
    z-index: 9999;
    filter: brightness(1.6) contrast(1.3);
}