/* Webs "obsoletas" para los monitores CRT. Base 320×240 px. */
.w{width:320px;height:240px;overflow:hidden;box-sizing:border-box;padding:8px 10px;font:12px/1.25 "Times New Roman",Times,serif;color:#000;position:relative}
.w *{margin:0 0 5px}
.w h1{font-size:24px;line-height:1.05}.w h2{font-size:18px;line-height:1.1}
.c{text-align:center}.small{font-size:10px}.big{font-size:30px}.mono{font-family:"Courier New",Courier,monospace}
.comic{font-family:"Comic Sans MS","Comic Neue","Chalkboard SE",cursive}.serif{font-family:Georgia,"Times New Roman",serif}
.lime{color:#39ff14}.yellow{color:#ffef00}.red{color:#ff1a1a}.white{color:#fff}.grey{color:#aaa}.navy{color:#000080}.cyanl{color:#7fffff}
.bg-black{background:#000}.bg-white{background:#fff}.bg-grey{background:#c0c0c0}.bg-teal{background:#008080}.bg-navy{background:#000066}.bg-purple{background:#3a0066}
.bg-paper{background:#fffbe0}.bg-stars{background:#000 radial-gradient(#fff 1px,transparent 1.5px) 0 0/22px 22px}
.bg-tile{background:#e8e0ff repeating-linear-gradient(45deg,#d8ccff 0 6px,#efe9ff 6px 12px)}
.rainbow{background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;font-family:Impact,"Arial Black",sans-serif}
.err{font-family:Verdana,Arial,sans-serif;color:#000;font-size:22px}
.uc{display:flex;justify-content:center;align-items:center;gap:6px;margin:6px auto;width:max-content;padding:4px 10px;font:bold 12px Arial,sans-serif;color:#000;
  background:#ffd400;border:4px solid;border-image:repeating-linear-gradient(45deg,#000 0 6px,#ffd400 6px 12px) 4;animation:crt-blink 1s steps(2) infinite}
.uc-ico{font-size:14px}
.cnt{text-align:center;font:11px Arial,sans-serif;color:inherit}
.bg-black .cnt,.bg-stars .cnt,.bg-navy .cnt,.bg-purple .cnt{color:#ddd}
.cnt-d{display:inline-flex;gap:1px;vertical-align:middle}.cnt-d b{background:#000;color:#39ff14;font:bold 13px "Courier New",monospace;padding:0 2px;border:1px solid #555}
.mq{overflow:hidden;white-space:nowrap;background:#000;color:#ff0;font:bold 11px Arial,sans-serif;padding:2px 0}
.mq span{display:inline-block;padding-left:100%;animation:crt-mq 7s linear infinite}
.b88s{display:flex;gap:6px;justify-content:center}
.b88{width:88px;height:31px;display:flex;align-items:center;justify-content:center;text-align:center;font:bold 8px/1.1 Verdana,sans-serif;color:#fff;background:linear-gradient(#36c,#139);border:2px outset #9cf;box-sizing:border-box}
.b88.g{background:linear-gradient(#3a3,#060);border-color:#9f9}.b88.o{background:linear-gradient(#f90,#a40);border-color:#fc6}
.nav{font:11px Arial,sans-serif;color:#00e}.nav u,.w u{color:#00e}.bg-black u,.bg-navy u{color:#8cf}
.t{border-collapse:separate;border:2px outset #ddd;width:100%;font:11px Arial,sans-serif;background:#fff}
.t td,.t th{border:1px inset #999;padding:2px 4px;margin:0}.t th{background:#000080;color:#fff}
.t-dark{background:#111;color:#ddd}.t-dark td{border-color:#444}
.side{width:70px;background:#000080;vertical-align:top}.side .nav,.side u{color:#ff0}
.inp{display:inline-block;width:150px;height:14px;background:#fff;border:2px inset #999;vertical-align:middle;color:#000;font-size:10px}.inp.tall{height:30px}
.btn{display:inline-block;padding:2px 8px;background:#c0c0c0;border:2px outset #fff;font:11px Arial,sans-serif;color:#000}
.ph{height:56px;background:linear-gradient(135deg,#9ab 0,#567 100%)}
.bar{height:14px;border:2px inset #999;background:#fff}.bar i{display:block;height:100%;width:62%;background:repeating-linear-gradient(90deg,#000080 0 8px,#fff 8px 10px);animation:crt-bar 4s linear infinite}
.blink{animation:crt-blink 1s steps(2) infinite}
.spin{font-size:28px;color:#ff0;display:inline-block;animation:crt-spin 2s linear infinite}
ul{padding-left:18px}
@keyframes crt-blink{50%{opacity:.15}}
@keyframes crt-mq{to{transform:translateX(-100%)}}
@keyframes crt-bar{from{width:8%}to{width:96%}}
@keyframes crt-spin{to{transform:rotate(360deg)}}
.reduced .w *,.w.still *{animation:none!important}
.w.still .mq span,.reduced .mq span{padding-left:4px}