*{margin:0;padding:0;box-sizing:border-box}
body{background:#111;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;font-family:Consolas,monospace}
.monitor{width:min(92vw,430px);aspect-ratio:3/4;background:linear-gradient(180deg,#191919 0%,#111 12%,#080808 30%,#121212 55%,#0b0b0b 100%);border:12px solid #444;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 0 40px rgba(0,255,0,.15),inset 0 0 30px rgba(0,255,0,.08),0 24px 40px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.05);animation:power .8s}
.monitor::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.14),transparent 22%),radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 18%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 100%);pointer-events:none;z-index:1}
.monitor::after{content:"";position:absolute;inset:8px;border-radius:18px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03)0 2px,transparent 2px 4px),linear-gradient(180deg,rgba(255,255,255,.08),transparent 10%,transparent 90%,rgba(0,0,0,.24));box-shadow:inset 0 0 28px rgba(0,0,0,.28),inset 0 0 44px rgba(255,255,255,.06);pointer-events:none;z-index:2}
.screen{position:relative;z-index:3;display:flex;flex-direction:column;height:100%;padding:24px;color:#6dff6d;text-shadow:0 0 4px #0f0,0 0 10px #0f0,2px 0 rgba(0,255,0,.15);line-height:1.6;transform:perspective(900px)rotateX(.55deg);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 0 40px rgba(0,0,0,.28),inset 0 0 60px rgba(0,255,0,.06);animation:glow 2s infinite alternate;min-height:0}
.screen::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at top,rgba(255,255,255,.16),transparent 40%),radial-gradient(ellipse at bottom,rgba(0,0,0,.18),transparent 70%);pointer-events:none;mix-blend-mode:screen}
.screen pre{flex:1;min-height:0;overflow-y:auto;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;}
.terminal-link{color:#7dff7d;text-decoration:none;border-bottom:1px dotted rgba(173,255,173,.75)}
.terminal-link:hover{text-decoration:underline;color:#a8ffaa}
.terminal-file{display:inline-block;width:110px;}
.status{color:#6dff6d;text-shadow:none;}
.status-error{color:#ff6d6d;text-shadow:none;}
.status-warning{color:#6bff6b;text-shadow:none;}
.status-ok{color:#6bff6b;text-shadow:none;}
.terminal-error{color:#ff6d6d;text-shadow:none;font-weight:700;}
.monitor.screen-noise{filter:brightness(.08) contrast(1.2) saturate(.4)}
.monitor.screen-noise::before{opacity:.75;animation:noise .08s infinite}
.monitor.screen-off{filter:brightness(.02) contrast(1) saturate(.2)}
.monitor.screen-off .screen{opacity:.3}
.overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 60%,rgba(0,0,0,.35))}
.cursor{display:none}
.input-area{display:none;align-items:center;gap:10px;margin-top:18px}
.input-area.visible{display:flex}
.prompt-label{color:#7dff7d;font-size:.95rem;}
.terminal-input{flex:1;background:rgba(0,0,0,.85);border:1px solid rgba(109,255,109,.25);border-radius:8px;color:#6dff6d;padding:12px 14px;font-family:Consolas,monospace;font-size:1rem;outline:none;min-width:0}
.terminal-input:focus{border-color:#a8ffaa;box-shadow:0 0 12px rgba(0,255,0,.12)}
@media(max-width:1024px){
  body{height:auto;padding:24px 0;}
  .monitor{width:min(90vw,420px);}
  .screen{padding:20px;}
  .cursor{bottom:30px;left:22px;}
  .terminal-input{padding:12px 14px;}
}
@media(max-width:800px){
  body{height:auto;padding:20px 0;}
  .monitor{width:min(88vw,380px);}
  .screen{padding:18px;}
  .cursor{bottom:28px;left:20px;}
  .terminal-input{padding:12px 12px;}
}
@media(max-width:520px){
  body{height:auto;padding:18px 0;}
  .monitor{width:96vw;}
  .screen{padding:14px;}
  .input-area{flex-direction:column;align-items:flex-start;gap:8px;}
  .terminal-input{width:100%;padding:12px 12px;font-size:.95rem;}
  .prompt-label{font-size:.85rem;}
  .cursor{bottom:22px;left:16px;}
}
.message-box{display:none;margin-top:16px;padding:12px 14px;background:rgba(0,0,0,.7);border:1px solid rgba(109,255,109,.25);border-radius:10px;box-shadow:0 0 20px rgba(0,255,0,.08)}
.message-box.visible{display:block}
.message-title{font-size:.92rem;margin-bottom:8px;color:#a8ffaf;letter-spacing:.05em}
.message-body{font-size:.95rem;line-height:1.5;color:#d6ffda;white-space:pre-wrap}
.random-glitch{animation:glitch .15s}
@keyframes blink{50%{opacity:0}}
@keyframes glow{from{filter:brightness(.95)}to{filter:brightness(1.15)}}
@keyframes glitch{20%{transform:translate(-3px,1px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-2px,2px)}100%{transform:none}}
@keyframes noise{0%,100%{transform:translate(0,0)}10%{transform:translate(-1px,1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,0)}40%{transform:translate(1px,1px)}50%{transform:translate(0,-1px)}60%{transform:translate(-1px,1px)}70%{transform:translate(1px,-1px)}80%{transform:translate(0,1px)}90%{transform:translate(-1px,-1px)}}
@keyframes power{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(.02)}100%{transform:scaleY(1);opacity:1}}