:root { --accent: #00a2ff; }
body, html { margin: 0; padding: 0; width: 100%; height: 100%; background: #000; overflow: hidden; font-family: 'Courier New', Courier, monospace; }

/* حاوية Three.js */
#three-container { position: fixed; inset: 0; z-index: 1; }

#overlay { position: fixed; inset: 0; background: #000; z-index: 1000; display: flex; justify-content: center; align-items: center; }
#start-btn { padding: 20px 40px; background: transparent; color: #fff; border: 2px solid #fff; font-size: 1.2rem; cursor: pointer; }

/* الملقن في الأسفل (كأنه ترجمة سينمائية) */
#teleprompter-container {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 150px;
    z-index: 100; text-align: center; pointer-events: none;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
    padding: 20px;
}
#teleprompter-text { font-size: 1.8rem; max-width: 80%; margin: 0 auto; line-height: 1.4; text-shadow: 0 0 10px rgba(0,0,0,1); color: #e0f2ff; transition: opacity 0.5s ease; }

/* البرق الديناميكي */
#lightning-flash { position: fixed; inset: 0; background: #fff; opacity: 0; z-index: 50; pointer-events: none; }

/* الآيردروب */
#airdrop-modal { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255,0.9); color: black; padding: 20px; border-radius: 15px; display: none; z-index: 200; text-align: center; }

#status-timer { position: absolute; top: 10px; right: 10px; color: rgba(255,255,255,0.2); font-size: 0.8rem; z-index: 100; }

/* تأثير الجليتش للتحول */
.glitch-active { animation: shake 0.1s infinite; filter: contrast(150%) hue-rotate(180deg); }
@keyframes shake { 0% {top:1px} 50% {top:-1px} 100% {top:2px} }