@font-face {
font-family: 'DungGeunMo';
src: url('/DungGeunMo.woff2');
}

/* 기본 글씨 */
.footer-item{
color:#66e0ff;
cursor:pointer;
}

/* 기존 CSS 아래에 그냥 붙이면 됨 */

body{
margin:0;
background:#000066;
color:#ffffff;
font-family:'DungGeunMo', monospace;
}


/* CRT */
body::before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
/* 핵심: 얇은 파란 줄 */
background: repeating-linear-gradient(
to bottom,
rgba(0,0,0,0.3),
rgba(0,0,0,0.3) 1px,
transparent 1px,
transparent 3px
);

pointer-events:none;
z-index:10;
}

/* 상단 */
.top{
position:fixed;
top:0;
left:0;
right:0;

display:flex;
justify-content:space-between;
padding:20px;

background:#000066;
z-index:20;
}

.nav-btn{
cursor:pointer;
}
.nav-btn:hover{
color:#ffff00;
}

.title{
color:#ffff00;
font-size:28px;
}

/* 하단바 */
.footer{
position:fixed;
bottom:0;
left:0;
right:0;

background:linear-gradient(#000a33, #000055);
padding:14px 20px;
box-sizing:border-box;

display:flex;
gap:20px;
font-size:20px;
align-items:center;
}

/*검색창*/
.footer input{
width:220px;
height:20px;
padding:4px 8px;
background:#0000aa;
border:1px solid white;
color:white;
font-size:16px; 
font-family:'DungGeunMo', monospace;
}
/* 검색 텍스트 */
.search-label{
color:#ffffff;
}

/*시스템 메세지*/
.system-msg{
position:absolute;
left:100%;          /* input 오른쪽 */
margin-left:10px;   /* 간격 */

color:#ffff00;
font-family:'DungGeunMo', monospace;
font-size:18px;

display:none;
animation: msgBlink 2s infinite;
white-space:nowrap;
}
.input-wrap{
position:relative;
display:flex;
align-items:center;
}