:root{
--bg1:#060405;
--bg2:#120d12;
--neon:#00ff88;
--blood:#ff3b59;
--muted:#9aa0a6;
--link:#ff6b9a;
}

body{
margin:0;
font-family:ui-monospace,monospace;
background:linear-gradient(180deg,var(--bg1),var(--bg2));
color:var(--neon);
overflow-x:hidden;
}

body.hacker-mode{
--neon:#00ffcc;
--blood:#00ff88;
--link:#66ffe0;
}

body.vampire-mode{
--neon:#ffb4c4;
--blood:#ff1744;
--link:#ff7aa5;
}

#starfield{
position:fixed;
inset:0;
z-index:-2;
}

.terminal-wrap{
max-width:1100px;
margin:4vh auto;
padding:26px;
background:rgba(5,5,6,0.65);
border-radius:12px;
}

.term-inner{
display:grid;
grid-template-columns:1fr 380px;
gap:26px;
}

.main,.side{
padding:18px;
border-radius:8px;
background:rgba(0,0,0,0.25);
}

h1{color:var(--blood)}

.line{
padding:8px 10px;
margin:8px 0;
border-left:3px solid rgba(0,255,136,0.1);
}

.controls{display:flex;gap:10px;margin-top:10px}

.btn{
background:transparent;
border:1px solid rgba(0,255,136,0.3);
color:var(--neon);
padding:9px 12px;
border-radius:8px;
cursor:pointer;
}

.btn.alt{
color:var(--blood);
border-color:rgba(255,59,89,0.3);
}

.moon{
width:220px;
height:220px;
border-radius:50%;
overflow:hidden;
background:#111;
}

.pfp{
width:100%;
height:100%;
object-fit:cover;
}

#y-trigger{
position:fixed;
right:16px;
bottom:16px;
width:44px;
height:44px;
border-radius:8px;
background:#000;
border:1px solid var(--blood);
color:var(--blood);
font-weight:800;
cursor:pointer;
z-index:9998;
}

#mini-terminal{
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:320px;
background:rgba(0,0,0,0.92);
border:2px solid var(--blood);
border-radius:10px;
z-index:9999;
}

.mini-hidden{display:none}

#mini-header{
display:flex;
justify-content:space-between;
padding:8px 10px;
cursor:grab;
}

#mini-body{
padding:10px;
max-height:200px;
overflow:auto;
white-space:pre;
}

#mini-input{
background:transparent;
border:none;
color:var(--neon);
outline:none;
width:100%;
}

#dev-panel{
position:fixed;
left:10px;
bottom:10px;
background:#000;
border:1px solid var(--neon);
padding:8px;
font-size:12px;
z-index:9999;
}

.dev-hidden{display:none}
