/* Retro terminal demo, createdbykujo */
:root{--green:#33ff77;--green-dim:#1f9e4a;--amber:#ffcf4d;--bg:#020a04;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"IBM Plex Mono",monospace;background:var(--bg);color:var(--green);line-height:1.6;
  min-height:100vh;padding:24px;}
a{color:var(--amber);text-decoration:none;}img{display:block;}

.scanlines{position:fixed;inset:0;z-index:80;pointer-events:none;
  background:repeating-linear-gradient(transparent 0 2px,rgba(0,0,0,.28) 2px 4px);}
.flicker{position:fixed;inset:0;z-index:81;pointer-events:none;background:rgba(51,255,119,.03);animation:flick .12s infinite;}
@keyframes flick{50%{opacity:.5;}}

.cbk-badge{position:fixed;bottom:18px;left:18px;z-index:99;display:flex;align-items:center;gap:8px;
  border:1px solid var(--green);background:#031206;padding:7px 13px;font-size:.78rem;color:var(--green);
  box-shadow:0 0 14px rgba(51,255,119,.35);transition:box-shadow .2s;}
.cbk-badge:hover{box-shadow:0 0 22px rgba(51,255,119,.6);}
.cbk-badge img{height:20px;width:auto;filter:drop-shadow(0 0 4px var(--green));}
.cbk-badge b{color:var(--amber);}

.screen{max-width:860px;margin:0 auto;border:1px solid var(--green-dim);border-radius:8px;overflow:hidden;
  box-shadow:0 0 40px rgba(51,255,119,.18),inset 0 0 60px rgba(51,255,119,.05);background:#030f06;}
.bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;
  background:#06170a;border-bottom:1px solid var(--green-dim);font-size:.85rem;}
.dots{color:var(--green-dim);letter-spacing:2px;}

.term{padding:26px clamp(16px,4vw,38px) 40px;text-shadow:0 0 6px rgba(51,255,119,.5);}
.line{margin-top:18px;}
.cmd{color:#baffd0;}
.type{font-family:"VT323",monospace;font-size:clamp(2.4rem,8vw,4.5rem);line-height:1;margin:10px 0;
  color:var(--green);text-shadow:0 0 14px rgba(51,255,119,.7);min-height:1em;}
.type::after{content:"▮";animation:blink 1s steps(1) infinite;}
.boot{white-space:pre-line;color:var(--green-dim);margin:8px 0;}
.ascii{color:var(--amber);font-size:clamp(.5rem,2vw,.85rem);margin:18px 0;text-shadow:0 0 8px rgba(255,207,77,.5);overflow-x:auto;}
.out{color:#9bf5bd;margin:6px 0 4px;max-width:70ch;}
.feat{list-style:none;}
.feat li{margin:4px 0;}
.feat a{color:inherit;text-shadow:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s;}
.feat a:hover{border-bottom-color:currentColor;}
.prompt-btn{display:inline-block;margin:14px 0;border:1px solid var(--amber);padding:10px 18px;color:var(--amber);
  text-shadow:0 0 6px rgba(255,207,77,.6);transition:background .15s,color .15s;}
.prompt-btn:hover{background:var(--amber);color:#020a04;text-shadow:none;}
.foot{margin-top:28px;color:var(--green-dim);}
.foot a{border-bottom:1px dotted var(--amber);}
.cursor{animation:blink 1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}