:root{--blue:#0000AA;--grey:#AAAAAA;--cyan:#55FFFF;--yellow:#FFFF55;--white:#FFFFFF;--red:#AA0000}
html,body{margin:0;background:#000;font-family:'VT323',monospace;font-size:20px;color:#fff;min-height:100vh}
#root{min-height:100vh}
.crt::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;
background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);animation:flick 4s infinite}
.crt::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:98;
background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.55))}
@keyframes flick{0%,100%{opacity:1}50%{opacity:.85}52%{opacity:.95}}
.bios{background:var(--blue);min-height:100vh;display:flex;flex-direction:column}
.bar{background:var(--grey);color:var(--blue)}
.tab{padding:0 12px;cursor:pointer;white-space:nowrap}
.tab.on{background:var(--blue);color:var(--white)}
.box{border:3px double var(--grey)}
.row{display:flex;justify-content:space-between;gap:12px;padding:0 6px;cursor:pointer}
.row.sel{background:var(--cyan);color:var(--blue)}
.row.dis{color:#7777cc;cursor:not-allowed}
.val{color:var(--white)}
.row.sel .val{color:var(--blue)}
.dlg{background:var(--grey);color:#000;border:4px double #fff;box-shadow:12px 12px 0 #000}
.btn{padding:0 10px;cursor:pointer}
.btn.on{background:var(--blue);color:#fff}
.blink{animation:bl 1s steps(1) infinite}
@keyframes bl{50%{opacity:0}}
.key{background:var(--grey);color:var(--blue);padding:0 6px;cursor:pointer;border:none;font-family:inherit;font-size:18px}
.key:active{background:#fff}
a{color:inherit}