html,body{margin:0;height:100%;overflow:hidden;background:#02030a}
#video{position:fixed;right:10px;bottom:10px;width:220px;opacity:.35;border-radius:12px;transform:scaleX(-1);z-index:5}
#info{position:fixed;left:12px;top:12px;color:#66e6ff;font-family:monospace;z-index:10}
#warn{position:fixed;left:12px;bottom:12px;color:#ffcc66;font-family:monospace;z-index:10}
#menuBtn{

        position: fixed;

        top: 20px;
        left: 20px;

        z-index: 20;

        width: auto;
        padding: 12px 18px;

        border: none;
        border-radius: 14px;

        background: rgba(20,40,80,0.85);

        color: #d8ecff;

        font-size: 15px;

        cursor: pointer;

        backdrop-filter: blur(10px);

        border: 1px solid rgba(120,180,255,0.25);

        box-shadow:
            0 0 18px rgba(0,140,255,0.25);

        transition: 0.25s;
    }

    #menuBtn:hover{

        transform: translateY(-2px);

        background: rgba(40,80,140,0.95);

        box-shadow:
            0 0 24px rgba(80,180,255,0.45);
    }