/* monopole.tech - Terminal CRT */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Fira Code',monospace;font-weight:400;font-size:0.875rem;line-height:1.65;color:#33FF33;background:#0A0A0A;overflow-x:hidden}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px)}
.terminal-section{padding:2rem;position:relative;z-index:1}
#boot{min-height:60vh;display:flex;align-items:flex-end}
.boot-text{font-size:0.75rem;color:#1A8A1A;white-space:pre-wrap;word-break:break-all}
.boot-text .highlight{color:#33FF33;font-weight:700;font-size:clamp(1.5rem,3vw,2.5rem);text-shadow:0 0 6px rgba(51,255,51,0.3)}
.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.panel{background:#0A1A0A;border:1px solid #1A3A1A;padding:1rem;min-height:200px}
.panel-header{font-weight:700;font-size:0.6875rem;letter-spacing:0.06em;color:#66FF66;text-transform:uppercase;border-bottom:1px solid #1A3A1A;padding-bottom:0.5rem;margin-bottom:0.75rem;text-shadow:0 0 6px rgba(51,255,51,0.3)}
.panel-body{font-size:0.75rem;line-height:1.6;color:#33FF33;text-shadow:0 0 4px rgba(51,255,51,0.2)}
.panel-body pre{font-family:'Fira Code',monospace;font-size:0.75rem;white-space:pre-wrap;word-break:break-word}
.full-panel{background:#0A1A0A;border:1px solid #1A3A1A;padding:1.5rem;margin-top:2px}
.full-panel .panel-header{font-weight:700;font-size:0.6875rem;letter-spacing:0.06em;color:#66FF66;text-transform:uppercase;border-bottom:1px solid #1A3A1A;padding-bottom:0.5rem;margin-bottom:0.75rem;text-shadow:0 0 6px rgba(51,255,51,0.3)}
.full-panel .panel-body pre{font-family:'Fira Code',monospace;font-size:0.75rem;color:#33FF33;text-shadow:0 0 4px rgba(51,255,51,0.2)}
#end-session{min-height:40vh;display:flex;align-items:center;justify-content:center}
.end-msg{font-size:1rem;color:#FFA020;text-shadow:0 0 6px rgba(255,160,32,0.3);text-align:center}
.cursor-blink{animation:cursorBlink 1s step-end infinite;color:#66FF66}
@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}
@media(max-width:768px){.dash-grid{grid-template-columns:1fr 1fr}.panel{min-height:150px}}
@media(max-width:480px){.dash-grid{grid-template-columns:1fr}}