:root{--blue:#0000AA;--grey:#AAAAAA;--white:#FFFFFF;--cyan:#00AAAA;--black:#000;}
html,body{margin:0;background:#111;font-family:'VT323',monospace;color:var(--grey);}
body{min-height:100vh;}
.dos{font-family:'VT323',monospace;font-size:clamp(14px,2.1vw,22px);line-height:1.1;}
.frame{background:var(--blue);border:4px double var(--grey);}
.menubar{background:var(--grey);color:#000;}
.menubar button:hover,.menubar button.open{background:#000;color:var(--grey);}
.dd{background:var(--grey);color:#000;border:2px solid #000;box-shadow:6px 6px 0 #000;}
.dd button:hover{background:#000;color:var(--grey);}
.dd .dis{color:#555;}
textarea.ed{background:transparent;color:var(--grey);font:inherit;resize:none;outline:none;width:100%;caret-color:var(--white);white-space:pre;overflow:auto;}
.status{background:var(--cyan);color:#000;}
.dialog{background:var(--grey);color:#000;box-shadow:10px 10px 0 #000;border:3px double #000;}
.blink{animation:bl 1s steps(1) infinite;}
@keyframes bl{50%{opacity:0}}
.crt::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;
background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px);
box-shadow:inset 0 0 120px rgba(0,0,0,.7);}
.crt .glow{text-shadow:0 0 4px rgba(170,170,255,.5);}
.out{background:#000;white-space:pre;color:var(--grey);}
.fab{background:var(--cyan);color:#000;border:2px solid #000;box-shadow:4px 4px 0 #000;}
::-webkit-scrollbar{width:10px;height:10px;background:var(--cyan)}
::-webkit-scrollbar-thumb{background:var(--blue)}