@font-face{font-family:'IBM VGA';src:url('/fonts/ibm-vga-8x16.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Televideo';src:url('/fonts/Televideo.otf') format('opentype');font-weight:normal;font-style:normal;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#000;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:'IBM VGA',monospace;color:#fff}
a{color:inherit;pointer-events:none;cursor:default}
.tkeys a{pointer-events:auto;cursor:pointer}
#tv{width:720px;aspect-ratio:4/3;font-size:20px;line-height:1.2;letter-spacing:0.5px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}
.topbar{padding:0 8px;display:flex;justify-content:space-between;font-size:0.85em;line-height:1.1}
.topbar .pn{color:#0f0}
.block-title{background:#0000cc;padding:0;display:flex;align-items:stretch;gap:0;min-height:0;margin-bottom:0}
.block-title .bt-main{background:#0000cc;color:#ffff00;font-size:2.4em;font-weight:bold;padding:2px 12px;display:flex;align-items:center;letter-spacing:4px;text-shadow:3px 3px 0 #000088}
.block-title .bt-logo{background:#0000cc;padding:7px 8px 7px 16px;display:flex;align-items:center;flex:none;overflow:hidden}
#logo{height:50px;width:auto;image-rendering:pixelated;image-rendering:crisp-edges}
.bg-yel{background:#cccc00;color:#000;padding:4px 8px}
.bg-blu{background:#0000cc;color:#fff;padding:4px 8px}
.bg-grn{background:#00aa00;color:#fff;padding:4px 8px}
.bg-cyn{background:#00bafa;color:#000;padding:4px 8px}
.content{padding:4px 8px;flex:1;overflow:hidden;width:100%;position:relative}
.cols{display:flex;gap:1.5em;width:100%}
.cols .col{flex:1;min-width:0}
.row{cursor:pointer;padding:1px 0;display:block;text-decoration:none;color:inherit}
.row:hover{background:#333}
.row.idx-grn{background:#00aa00;padding:2px 4px}.row.idx-grn .w{color:#fff}
.row.idx-cyn{background:#00bafa;padding:2px 4px}.row.idx-cyn .w{color:#0000cc}
.row.idx-grn:hover,.row.idx-cyn:hover{opacity:0.85}
.row:has(.lbl){display:flex;align-items:center;gap:6px}.lbl{flex:1;text-align:center;padding:1px 4px}.lbl-yel{background:#cccc00;color:#0000cc}.lbl-cyn{background:#00bafa;color:#0000cc}.lbl-wht{background:#fff;color:#0000cc;margin-right:-1.5em}
.idx-box{background:#fff;color:#0000cc;padding:4px 8px}.idx-box a{display:block;color:#0000cc;text-decoration:none;padding:1px 0}.idx-box a .y{color:#ff0000}
.tbox{position:relative;padding:2px 12px 14px 22px;margin:22px 0 4px 10px}.tbox::before{content:'';position:absolute;left:-10px;top:8px;bottom:0;border-left:6px solid #00bafa;border-top:10px solid #00bafa;width:10px}.tbox::after{content:'';position:absolute;left:-10px;right:0;bottom:0;height:10px;border-bottom:10px solid #00bafa;border-right:6px solid #00bafa}.tbox-title{color:#00bafa}
.sec{display:inline-block;padding:0 6px;font-weight:bold;margin:2px 0}
.sec-y{background:#cccc00;color:#000}.sec-b{background:#0000cc;color:#fff}
.sec-g{background:#00aa00;color:#fff}.sec-c{background:#00bafa;color:#000}
.pgnav{position:absolute;bottom:0;left:0;right:0;border-top:4px solid #0000cc;padding:2px 0 0}
.pgnav a{color:#f0f;margin-right:1.5em;text-decoration:none}
.pgnav a:hover{color:#fff}
.gbar{background:#00aa00;color:#000;padding:1px 8px;margin-top:2px;font-weight:bold;text-align:center}
.gbar a{color:#000;text-decoration:none}
.tkeys{display:flex;gap:2px}
.tk{flex:1;text-align:center;padding:1px 0;font-weight:bold;cursor:pointer;font-size:0.95em}
.tk a{text-decoration:none;display:block}
.tk-r{background:#cc0000}.tk-r,.tk-r a{color:#fff}
.tk-g{background:#00aa00}.tk-g,.tk-g a{color:#fff}
.tk-c{background:#00bafa}.tk-c,.tk-c a{color:#000}
.tk-y{background:#cccc00}.tk-y,.tk-y a{color:#000}
.r{color:#ff0000}.g{color:#00ff00}.y{color:#ffff00}.c{color:#00bafa}.m{color:#ff00ff}.w{color:#fff}
.blink{animation:bl 1s step-end infinite}@keyframes bl{50%{opacity:0}}
#mob-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}