body { margin: 0; background: #000; color: #ff0000; font-family: 'FreeSansBold', 'FreeSans', sans-serif; text-transform: uppercase; overflow: hidden; }
@font-face { font-family: ISONIAN; src: url('../BLOBULAR/ISONIAN.woff') format('woff'), url('../BLOBULAR/ISONIAN.TTF') format('truetype'); }
a { background-color: #000; color: #ff0000; text-decoration: none; }
a:visited { background-color: #000; color: #ff0000; }
a:hover { background-color: #ff0000; color: #000; text-decoration: underline; font-family: ISONIAN !important; }
.navbar-fixed-top { position: fixed !important; right: 0; left: 0; z-index: 1030; }
.navbar-inverse { background-color: #000; border-color: #ff0000; }
.navbar-custom { background-color: #000 !important; height: auto; min-height: 50px; margin: 0; border: 0; border-bottom: 3px solid #ff0000; border-radius: 0; }
.navbar-custom .navbar-brand { color: #ff0000; font-size: 24px; height: auto; line-height: 26px; padding: 12px 15px; }
.navbar-custom .navbar-brand:hover { color: #fff; background: transparent; }
.navbar-custom .navbar-nav li a { color: #ff0000; font-size: 16px; }
.navbar-custom .navbar-nav li a:hover { background-color: #ff0000; color: #000; font-family: ISONIAN !important; }
.SCOPECTITLE { position: fixed; top: 62px; left: 50%; transform: translateX(-50%); z-index: 900; color: #fff; font-size: 18px; letter-spacing: 2px; white-space: nowrap; }
.READOUT { position: fixed; top: 62px; right: 15px; z-index: 900; color: #ff0000; font-size: 13px; line-height: 1.6; white-space: pre; text-align: right; }
.LEFTMENU { position: fixed; left: 15px; top: 110px; z-index: 950; background: #000; border: 2px solid #ff0000; padding: 12px; width: 210px; box-sizing: border-box; transition: transform 0.3s; }
.LEFTMENU label { font-size: 12px; color: #fff; display: block; margin-top: 10px; }
.LEFTMENU input { width: 100%; box-sizing: border-box; background: #111; border: 1px solid #ff0000; color: #fff; font-family: inherit; font-size: 13px; padding: 4px; margin-top: 4px; }
.LEFTMENU button { width: 100%; margin-top: 8px; background: #000; border: 1px solid #ff0000; color: #ff0000; font-family: inherit; font-size: 13px; padding: 5px; cursor: pointer; text-transform: uppercase; }
.LEFTMENU button:hover { background: #ff0000; color: #000; }
.MENUTOG { position: absolute !important; right: -30px; top: -2px; width: 26px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; background: #000 !important; border: 2px solid #ff0000 !important; color: #ff0000 !important; font-size: 15px !important; line-height: 1; cursor: pointer; }
.MENUTOG:hover { background: #ff0000 !important; color: #000 !important; }
.MENULOGO { display: block; width: 100%; margin-top: 14px; border: 2px solid #ff0000; box-sizing: border-box; }
.SCOPEBOX { position: fixed; top: 105px; left: 265px; right: 15px; bottom: 85px; border: 2px solid #ff0000; background: #030000; overflow: hidden; z-index: 1; transition: left 0.3s; }
.SCOPEBOX canvas { position: absolute; top: 0; left: 0; }
.SCOPEBOX canvas.p5Canvas { position: absolute; top: 0; left: 0; z-index: 5; }
#scope { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; z-index: 1 !important; }
.scope-gui { display: none !important; }
.scope-title { display: none !important; }
#scope { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; }
#scope-holder { position: absolute !important; width: 100% !important; height: 100% !important; }
.scope-holder-fullscreen { position: absolute !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; }
#crtCanvas { width: 100% !important; height: 100% !important; }
.NOSIGNAL { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ff0000; font-size: 22px; letter-spacing: 3px; animation: flick 0.9s infinite; text-align: center; z-index: 2; }
@keyframes flick { 0% { opacity: 1; } 50% { opacity: 0.1; } 100% { opacity: 1; } }
.BOTMENU { position: fixed; bottom: 15px; left: 50%; transform: translateX(-50%); z-index: 900; background: #000; border: 2px solid #ff0000; padding: 8px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: center; max-width: 94vw; }
.BOTMENU a, .BOTMENU button { color: #ff0000; text-decoration: none; font-size: 13px; padding: 4px 8px; background: #000; border: 1px solid #ff0000; font-family: inherit; cursor: pointer; text-transform: uppercase; }
.BOTMENU a:hover, .BOTMENU button:hover { background: #ff0000; color: #000; }
.MENUHIDE .LEFTMENU { transform: translateX(calc(-100% - 16px)); }
.MENUHIDE .SCOPEBOX { left: 15px; }
@media (max-width: 700px) { .SCOPEBOX { left: 15px; } .LEFTMENU { width: 160px; } .READOUT { display: none; } }